Başlangıç > JS > jQuery ile textbox içinde istenilen bölümü seçili hale getirme

jQuery ile textbox içinde istenilen bölümü seçili hale getirme

BBCode uygulaması yaparken textbox içindeki bir bölümü seçili hale getirmem gerekti ve bende internetteki kısa bir araştırma sonucunda şunu buldum:

$.fn.selectRange = function (start, end) {
	return this.each(function () {
		var self = this;
		if (self.setSelectionRange) {
			self.focus();
			self.setSelectionRange(start, end);
		}
		else if (self.createTextRange) {
			var range = self.createTextRange();
			range.collapse(true);
			range.moveEnd('character', end);
			range.moveStart('character', start);
			range.select();
		}
	});
}

Kullanımı ise gayet basit, fonksiyonu kodlarınızın arasına ekledikten sonra:

$('#YorumKutusu').selectRange(0,10);

Bu kod yorum kutusu içindeki metinden 0. karakterden 10. karaktere kadar seçili hale getirecek.
Ya da sondan 5 karakteri seçili hale getirelim:

var yorum = $('#YorumKutusu').val();
$('#YorumKutusu').selectRange(yorum.length - 5, yorum.length);

Tabi ki bu fonksiyonu kullanmak için projenize jQuery kütüphanesini dahil etmeniz gerekli.

  1. Henüz yorum yapılmamış.
  1. No trackbacks yet.

Yorum bırakın