SORU
21 ŞUBAT 2013, PERŞEMBE


Girişi seçin metin odak

Bir metin giriş var. Giriş odağı aldığında, metin girişi içine seçmek istiyorum.

JQuery ile bu şekilde yapardım:

<input type="text" value="test" />
$("input[type=text]").click(function() {
    $(this).select();
    // would select "test" in this example
});

Deneyin ve Açısal yolu bulmak için çevresinde arama yaptım ama bulduğum en örnek bir değişim için kalıcı bir özellik izlerken bir yönerge ile ilgileniyor. Odak alan bir giriş izlemek için bir yönerge ihtiyacım var sanıyorum. Bunu nasıl yapacağım?

CEVAP
21 ŞUBAT 2013, PERŞEMBE


Açısal bunu yapmanın yolu sizin için otomatik seçim yapan özel bir yönerge oluşturmaktır.

module.directive('selectOnClick', ['$window', function ($window) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.on('click', function () {
                if (!$window.getSelection().toString()) {
                    // Required for mobile Safari
                    this.setSelectionRange(0, this.value.length)
                }
            });
        }
    };
}]);

Bu Direktifi uygulamak

<input type="text" value="test" select-on-click />

View demo

Update1: Bir WordPress kullanmak bağımlılık. kaldırıldı

Update2: Nitelik olarak kısıtlamak.

Update3: Cep çalışır Safari. Metnin bir bölümü seçerek sağlar (IE^ gerektirir . 8).

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Nick Pitera

    Nick Pitera

    8 NİSAN 2006
  • Numberphile

    Numberphile

    15 EYLÜL 2011
  • Simon Hayter

    Simon Hayter

    20 HAZİRAN 2010