Kullanım amaçlı JavaScript Kullanım Tablosu Tuşa basın

Question

Bildiğimiz kadarıyla, klavyede TAB tuşunu basılı tuttuğumuzda, açık web sayfasındaki tüm aktif href linkleri arasında gezinmemizi sağlıyor. Bu URL'leri JavaScript ile okumak mümkün mü?

örnek:

function checkTabPress(key_val) { 
    if (event.keyCode == 9) { 
     // Here read the active selected link. 
    } 
} 

Answer 1

Having aşağıdaki html:

<!-- note that not all browsers focus on links when Tab is pressed --> 
<a href="http://example.com">Link</a> 

<input type="text" placeholder="Some input" /> 
<a href="http://example.com">Another Link</a> 

<textarea>...</textarea> 

Sen ile aktif bir bağlantı alabilirsiniz: Burada

// event listener for keyup 
function checkTabPress(e) { 
    "use strict"; 
    // pick passed event or global event object if passed one is empty 
    e = e || event; 
    var activeElement; 
    if (e.keyCode == 9) { 
     // Here read the active selected link. 
     activeElement = document.activeElement; 
     // If HTML element is an anchor <a> 
     if (activeElement.tagName.toLowerCase() == 'a') 
      // get it's hyperlink 
      alert(activeElement.href); 
    } 
} 

var body = document.querySelector('body'); 
body.addEventListener('keyup', checkTabPress); 

working example olduğunu. Ben keyUp olay için document elemana bir event listener bağlı olan

function checkTabPress(e) { 
    'use strict'; 
    var ele = document.activeElement; 

    if (e.keyCode === 9 && ele.nodeName.toLowerCase() === 'a') { 
     console.log(ele.href); 
    } 
} 

document.addEventListener('keyup', function (e) { 
    checkTabPress(e); 
}, false); 

, bir işlev tetikler:

<a href='https://facebook.com/'>Facebook</a> 
<a href='https://google.ca/'>Google</a> 
<input type='text' placeholder='an input box'> 

Bu JavaScript kullanabilirsiniz: HTML kodu bu parça Verilen

Answer 2

Tab tuşunun basılı (veya teknik olarak bırakılmış) olup olmadığını kontrol edin.

İşlev, currently focused element ve NodeName'un a olup olmadığını denetler. Eğer öyleyse, if bloğuna girer ve benim durumumda, href özelliğinin değerini JavaScript konsoluna yazar.

İşte sen keyup olayı ile bunu mümkün olmalıdır bir jsFiddle

Answer 3

bu. Spesifik olmak gerekirse, event.target seçilen öğeye işaret etmeli ve event.target.href size o öğenin href değerini verecektir. Daha fazla bilgi için bkz. mdn.

Aşağıdaki kod jQuery'dir, ancak bu kaynak kodu kodunun dışında kalanlar, salt javascript ile aynıdır. Bu, her bağlantı etiketine bağlı bir keyup işleyicisidir. // [\ w:

$('a').on('keyup', function(e) { 
    if(e.which == 9) { 
     console.log(e.target.href); 
    } 
}); 

jsFiddle: (| | ftp https http) http://jsfiddle.net/4PqUF/

Answer 4

Bunu

var urlPattern = /olduğu Sitesi URL için Regular Expression kullanmak gerekir -] + (. [\ w -] +) + ([\ w, @?^=% &:/~ + # -] * [\ w @?^=% &/~ + # -])?/

Bu İfadeyi şu şekilde kullanın:

var regex = new RegExp (urlPattern); var t = 'www.google.com';
var res = t.eşleşme (regex/g);

Dizinin yerine 9

Answer 5

Sadece bir öneri değişken t bu javascript dize olarak web sayfasını geçmek ve almak zorunda için, KeyCodes.TAB kullanabilirsiniz.