Derinlemesine yazılım eğitimleri için kanalımı takip edebilirsiniz...

JavaScript – Seçili Metni Elde Etme

Merhaba,

JavaScript ile seçili metini aşağıdaki gibi elde edebilirsiniz.

<!DOCTYPE html>
<html>
<head>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready( function ()
        {
            $("body").dblclick( function ()
            {
                function SeciliMetiniGetir()
                {
                    var text = "";
                    if (window.getSelection)
                    {
                        text = window.getSelection().toString();
                    } else if (document.selection && document.selection.type != "Control")
                    {
                        text = document.selection.createRange().text;
                    }
                    return text;
                }

                alert(SeciliMetiniGetir());
            });
        })
    </script>
</head>
<body>
    <p>Merhaba,</p>
    <p>Bu bir örnek paragraftır.</p>
    <p>Gençay Yıldız</p>
</body>
</html>

“SeciliMetiniGetir” isimli metod sayesinde seçili olan metin elde edilmektedir.

İyi çalışmalar…

Bunlar da hoşunuza gidebilir...

2 Cevaplar

  1. Doğan dedi ki:

    Merhaba, makale için teşekkürler çok faydalı oldu. Ancak
    if window.getSelection bölümü window.getSelection() olarak gözükmeli sanırım çünkü bu haliyle seçili alan yerine fonksiyon adı dönüyor. Gözden kaçtı herhalde. Parantez koyunca düzeldi, bilginize.

    • Gençay dedi ki:

      Merhaba,

      Öncelikle duyarlılığınız için teşekkür ederim. Lakin window.getSelection bir property olduğundan dolayı bu şekilde seçili alanı bize getirmektedir.

      Genede tekrardan ilginize teşekkürler…
      Sevgiler.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*