İOS cihazlarda (mobil Safari) bir giriş alanında programlı olarak metin seçme

İOS aygıtlarında, örneğin mobil Safari çalıştıran iPhone, iPad gibi bir giriş alanının metnini programlı olarak nasıl seçersiniz?

Normalde, .select()işlevi <input ... />eleman üzerinde çağırmak yeterlidir , ancak bu, bu cihazlarda çalışmaz. İmleç, hiçbir seçim yapılmadan mevcut girişin sonunda bırakılır.

input.setSelectionRange(0, 9999);

https://developer.mozilla.org/en/DOM/Input.select

Bu iş parçacığındaki hiçbir şey benim için işe yaramadı, işte iPad'imde çalışan şey:

// t is the input field
setTimeout(function() {
    t.setSelectionRange(0, 9999);
}, 1);

Negatif olduğunu kanıtlamak zor, ancak araştırmam bunun Mobile Safari'deki bir hata olduğunu gösteriyor.

Focus () işlevinin az ya da çok çalıştığını unutmayın - başarılı olmak için birden fazla dokunma gerektirebilir ve dokunmanın kendisi alana dokunacağından söz konusu alana bir kullanıcı dokunuşuna yanıt vermeye çalışıyorsanız gerekli değildir. odak. Maalesef select () , Mobile Safari'de işlevsizdir.

En iyi bahsiniz, Apple'daki bir hata raporu olabilir .

Şu kemana bakın : (giriş kutusuna bir metin girin ve 'metni seç'i tıklayın)

İPod'umdaki (5. nesil iOS6.0.1) bir giriş kutusundaki metni seçip klavyeyi açıyor ve ayrıca Kes / Kopyala / Öner ... menüsünü gösteriyor

Düz javascript kullanarak. Bunu jQuery ile denemedim

document.getElementById("p1").selectionStart = 0
document.getElementById("p1").selectionEnd = 999

999 sayısının sadece bir örnek olduğunu unutmayın. Bu numaraları, seçmek istediğiniz karakter sayısına ayarlamalısınız.

GÜNCELLEME:

• iPod5 - iOS6.0.1 - Çalışıyor.
• iPad1 - iOS5.1.1 - Yalnızca metin seçildi. Kes / Kopyala menüsünü açmak için seçime bir kez dokunun
• iPad2 - iOS4.3.3 - Yalnızca metin seçildi. Kes / Kopyala menüsünü açmak için seçime bir kez dokunun

Son ikisi için, inputöğede bir tıklama etkinliğini tetikleyerek deneyebilirsiniz.

GÜNCELLEME: (07-10-2013)

• iPod5 - iOS7.0.2 - Bağlantıda keman kullanımı: Giriş kutusunda yazılan metni göremiyorum. Seç'e basmak beni facebook.com'a (??? wtf ???) yönlendiriyor orada neler olduğu hakkında hiçbir fikrim yok.

GÜNCELLEME: (14-11-2013)

• iOS 7.0.3: den comment sayesinde binki bu güncellemenin .selectionStartve .selectionEnd does işi.

GÜNCELLEME: (15-01-2015)

• iOS 8.xx: Michael Siebert'in yorumu için teşekkürler . Yorumdan alınmıştır: Her iki durumda da çalışmasını sağlamak için hem odak VE tıklama olaylarını dinlemem ve ardından Zaman Aşımı / _ ayarlamam gerekiyordu: girdiye tıklayın veya sekme yoluyla odaklanın

Üzgünüm, önceki yazımda Javascript'in Javascript'te bir cevap istediğinizi ima ettiğini fark etmemiştim.

UIWebView'da javascript ile istediğinizi elde etmek için , iki önemli bilgiyi bir araya getirip çalıştırmayı başardım. Mobil tarayıcıdan emin değilim.

1. element.setSelectionRange(0,9999); istediğimizi yapar

2. mouseUp olayı seçimi geri alıyor

Böylece (Prototip kullanarak):

    input.observe ('focus', function () {
      this.setSelectionRange (0, 9999);
    });
    input.observe ('mouseup', function (olay) {
      event.stop ();
    });

hile yapar.

Mat

Görünüşe göre odak işe yarayacak, ancak yalnızca yerel bir olaydan doğrudan çağrıldığında. SetTimeout gibi bir şey kullanarak odak çağırmak klavyeyi çağırmıyor gibi görünüyor. İos klavyenin kontrolü çok zayıf. Bu iyi bir durum değil.

Android 2.2 ile birlikte gelen Webkit'te benim için aşağıdaki gibi bir şey çalışıyor:

function trySelect(el) {
    setTimeout(function() {
        try {
            el.select();
        } catch (e) {
        }
    }, 0);
}

Chromium Issue 32865'e bakın .

İPad'de iOS 7 ile bu işi yapabilmemin tek yolu alan <textarea></textarea>yerine fiilen kullanmaktı <input>.

Örneğin

<textarea onclick="this.setSelectionRange(0, 9999);">My text will be selected when textarea is clicked.</textarea>

Kullanıcının alandaki metni değiştirmesini önlemek daha zordu, çünkü metin alanını salt okunur hale getirdiğinizde seçim hilesi artık çalışmayacak.

Bu çözümü ararken çıldırdım, tüm yanıtlarınız onun benim için başka bir solucan kutusu açmasına yardımcı oldu.

İstemci edebilmek için kullanıcı istediği tıklayıp tümünü seç , ve ayrıca kullanıcıyı izin 'sekme' ve iPad'de tümünü seçmek (harici bir klavye ile. Biliyorum, deli ...)

Bu soruna çözümüm, olayları yeniden düzenlemek oldu. Önce Odaklanın , ardından Tıklayın , ardından Başlat'a dokunun .

$('#myFUBARid').on('focus click touchstart', function(e){
  $(this).get(0).setSelectionRange(0,9999);
  //$(this).css("color", "blue");
  e.preventDefault();
});

Umarım bu birilerine yardımcı olur, çünkü sizler bana defalarca yardım ettiniz.

HTML5 uyumlu tarayıcılar kullanıyorsanız placeholder="xxx", inputetiketinizde kullanabilirsiniz . Bu işi yapmalı.