blocks|key|5141047|text|您可以解析所有元素并进行检查。效率不是很高，但应该能行得通。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5141048|检查get+all+elements+with+onclick+in+them?|offset|length|5141049|var+allElements+=+document.getElementsByTagName('*');
for+(+var+i+=+0;+i<allElements.length;+i%2B%2B+)+{
++++if+(+allElements[i].className+!==+'theClassNameYoureLookingFor'+)+{
++++++++continue;
++++}
++++if+(+typeof+allElements[i].onclick+===+'function'+)+{
++++++++//+do+something+with+the+element+here
++++++++console.log(+allElements[i]+);
++++}
}|code-block|syntax|javascript|5141050|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/2878445/get-all-elements-with-onclick-in-them^0|0|2|12|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You could parse all elements and check. Not really efficient, but it should works.

Check <a href="https://stackoverflow.com/questions/2878445/get-all-elements-with-onclick-in-them">get all elements with onclick in them?</a>

<pre><code>var allElements = document.getElementsByTagName('*');
for ( var i = 0; i&lt;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] );
 }
}
</code></pre>

blocks|key|3503157|text|我相信你的问题的简短答案是否定的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3503158|不同的HTML标签支持不同的事件，因此它们应该被硬编码在jQuery代码中的某个地方。通读jQuery代码，例如，我找不到任何对onkeypress事件的引用。|3503159|因此，我认为您可以只依赖Has+Attribute+Selector+[attribute]|offset|length|style|CODE|3503160|$('[onclick],+[onkeypress],+[etc]');|code-block|syntax|javascript|3503161|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/has-attribute-selector/^0|0|0|Z|B|C|M|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@$F|Z|G|10|H|I]]|9|@$F|11|G|12|1|13]]|A|$]]|$1|J|3|K|5|L|7|14|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

I believe that the short answer to your question is no.

Different HTML tags support different events, so they should be hardcoded somewhere in the jQuery code. And reading through the jQuery code, I cannot find any reference to onkeypress event, for example.

So, I think you can just rely on <a href="http://api.jquery.com/has-attribute-selector/" rel="nofollow">Has Attribute Selector</a> <code>[attribute]</code>:

<pre><code>$('[onclick], [onkeypress], [etc]');
</code></pre>

blocks|key|5141245|text|如果值不是特定的，您可以尝试this+approach。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5141246|下面的演示基于$([attr1],[attr2],...,[attrN])选择器打印“嘿，你们好”：|style|CODE|5141247|<div+class="container">
++++<div>no+id</div>
++++<div+id="a">hey</div>
++++<span+name="b">you
++++<p+id="c">guys
</div>​

$('[id],[name]').each(function(){
++++console.log($(this).text());
});​|code-block|syntax|javascript|5141248|基于这种构造，可以编写简单的包装器：|5141249|$.fn.hasAttrib+=+function()+{+++
++++var+attributes+=+[];
++++$.each(arguments,+function(index,+value){
++++++++attributes.push('['+%2B+value+%2B+']');
++++});
++++return+$(this).find(attributes.join());
};|5141250|在下面的语句中使用这样的插件也会打印“嘿，你们这些人”|5141251|$('.container').hasAttrib('id','name').each(function(){
++++console.log($(this).text());
});|5141252|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/has-attribute-selector/^0|E|D|0|0|7|U|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@$A|17|B|18|F|G]]|9|@]|C|$]]|$1|H|3|I|5|J|7|19|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|1A|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|1B|8|@]|9|@]|C|$K|L]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|C|$]]|$1|S|3|T|5|J|7|1D|8|@]|9|@]|C|$K|L]]|$1|U|3|-4|5|6|7|1E|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

If the value is not specific, you can try <a href="http://api.jquery.com/has-attribute-selector/" rel="nofollow">this approach</a>.

The demo below prints "hey you people", based on <code>$([attr1],[attr2],...,[attrN])</code> selector:

<pre><code>&lt;div class="container"&gt;
 &lt;div&gt;no id&lt;/div&gt;
 &lt;div id="a"&gt;hey&lt;/div&gt;
 &lt;span name="b"&gt;you&lt;/span&gt;
 &lt;p id="c"&gt;guys&lt;/p&gt;
&lt;/div&gt;​

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

Based on that construction, simple wrapper can be written:

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

Usage of such plugin in the statement below also prints "hey you people":

<pre><code>$('.container').hasAttrib('id','name').each(function(){
 console.log($(this).text());
});
</code></pre>

blocks|key|5141272|text|您可以创建一个自定义筛选器函数，以便在上查找属性以开头的元素，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|5141273|$.fn.filterOn+=+function()+{
+++this.each(function(ind,el)+{
+++++++var+attrs+=+el.attributes;
+++++++for+(var+i+=+0;+i+<+attrs.length;+i%2B%2B)+{
+++++++++++if+(attrs[i].nodeName.indexOf('on')+===+0)+return+true;+++++++
+++++++}
+++++++return+false;
+++});
};|code-block|syntax|javascript|5141274|并像这样使用它：|5141275|//elems+will+contain+all+input+fields+with+an+attribute+starting+with+'on'
elems+=+$(':input').filterOn();+|5141276|这将为您提供页面中具有以上的开头的属性的所有元素(使用*选择器时要注意性能)：|5141277|$("*").filterOn().each(function()+{
+++console.log('Element+'%2Bthis.tagName+%2B+'+has+an+on...+attribute');
});|5141278|entityMap^0|P|B|0|0|0|8|0|0|0|C|E|P|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|T|$]]

You could make a custom filter function to find elements with an attribute that starts with on , like so:

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

and use it like:

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

And this will give you ALL elements in the page that has an attribute starting with on (beware of performance when using * selector):

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

Hope there's a simple workaround for this.
I want to select all the html elements with event attributes. For example: onclick, onkeypress etc. Is there an easiest way to do this using Jquery without selecting by each attribute seperately?

Thanks

How to select elements with event attributes using Jquery?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

希望有一个简单的解决方法来解决这个问题。我想选择所有具有事件属性的html元素。例如: onclick、onkeypress等。有没有一种最简单的方法来使用Jquery来实现这一点，而不是分别按每个属性进行选择？谢谢

问如何使用Jquery选择具有事件属性的元素？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Jquery选择具有事件属性的元素？EN