JQuery kullanarak olay özelliklerine sahip öğeler nasıl seçilir?

Question

Umut bunun için basit bir çözüm var. Etkinlik özelliklerine sahip tüm html öğelerini seçmek istiyorum. Örneğin: onclick, onkeypress vb. Her bir öznitelik tarafından ayrı ayrı seçilmeden JQuery kullanarak bunu yapmanın en kolay yolu var mı?

Teşekkürler

Answer 1

Ben senin sorunun kısa cevabı hiçbir olduğuna inanıyoruz.

Farklı HTML etiketleri farklı etkinlikleri destekler, bu nedenle jQuery kodunda bir yerde kodlanmış olması gerekir. Ve jQuery kodunu okuyarak, örneğin, onkeypress olayına herhangi bir başvuru bulamıyorum.

Yani, sadece Has Attribute Selector[attribute] güvenebilirsiniz düşünüyorum: değeri özgü değildir

$('[onclick], [onkeypress], [etc]'); 

Answer 2

Tüm öğeleri ayrıştırabilir ve kontrol edebilirsiniz. Gerçekten verimli değil, ama işe yaramalı.

Kontrol get all elements with onclick in them?

var allElements = document.getElementsByTagName('*'); 
for (var i = 0; i<allElements.length; i++) { 
    if (allElements[i].className !== 'theClassNameYoureLookingFor') { 
     continue; 
    } 
    if (typeof allElements[i].onclick === 'function') { 
     // do something with the element here 
     console.log(allElements[i]); 
    } 
} 

Answer 3

varsa, this approach deneyebilirsiniz.

$([attr1],[attr2],...,[attrN]) selektör dayanan "hey sen insanlara", baskılar Aşağıdaki demo: O inşaat dayanarak

<div class="container"> 
    <div>no id</div> 
    <div id="a">hey</div> 
    <span name="b">you</span> 
    <p id="c">guys</p> 
</div>​ 

$('[id],[name]').each(function(){ 
    console.log($(this).text()); 
});​ 

, basit sarıcı yazılabilir: Böyle eklentinin

$.fn.hasAttrib = function() { 
    var attributes = []; 
    $.each(arguments, function(index, value){ 
     attributes.push('[' + value + ']'); 
    }); 
    return $(this).find(attributes.join()); 
}; 

Kullanımı Aşağıdaki ifadede de "hey siz insanlar" yazıyor:

hoşuna

$.fn.filterOn = function() { 
    this.each(function(ind,el) { 
     var attrs = el.attributes; 
     for (var i = 0; i < attrs.length; i++) { 
      if (attrs[i].nodeName.indexOf('on') === 0) return true;  
     } 
     return false; 
    }); 
}; 

ve kullanımı:

//elems will contain all input fields with an attribute starting with 'on' 
elems = $(':input').filterOn(); 

Ve bu verecektir

Answer 4

Sen, üzerinde ile başlar şöyle bir özelliği olan unsurları bulmak için özel bir filtre işlevi yapabilir ile başlayan bir özniteliği olan sayfasındaki TÜM öğeler (* seçiciyi kullanırken performanstan sakının):

$("*").filterOn().each(function() { 
    console.log('Element '+this.tagName + ' has an on... attribute'); 
});