附加事件处理程序优化javascript ...
如何处理所有锚定标记上的onclick事件[30附加事件处理程序优化javascript ...,javascript,javascript-events,Javascript,Javascript Events,如何处理所有锚定标记上的onclick事件[30/P>@ BFavaReTtto感谢警告,也考虑添加Evi.SrClement和Eng=事件窗口。event@bfarvaretto谢谢你的警告,还考虑添加Ev.SrCyLead和Eng=事件>窗口事件。
$('.test a')会很有帮助。单击()
It。他们如何能够传递适当的此属性?您可以将单击处理委托给div
,然后检查处理程序内的目标并根据单击的锚定进行操作
<div id='test'>
<a href='#'>Link 1</a>
<a href='#'>Link 2</a>
<a href='#'>Link 3</a>
<a href='#'>Link 4</a>
<a href='#'>Link 5</a>
<a href='#'>Link 6</a>
<a href='#'>Link 7</a>
<a href='#'>Link 8</a>
...
<a href='#'>Link n</a>
</div>
警告:9之前的IE版本不支持addEventListener
。如果您需要支持这些浏览器,请检查addEventListener
是否可用,如果不可用,请使用attachEvent
。您可以将单击处理委托给div
,然后检查处理程序内的目标并根据单击的锚定进行操作
<div id='test'>
<a href='#'>Link 1</a>
<a href='#'>Link 2</a>
<a href='#'>Link 3</a>
<a href='#'>Link 4</a>
<a href='#'>Link 5</a>
<a href='#'>Link 6</a>
<a href='#'>Link 7</a>
<a href='#'>Link 8</a>
...
<a href='#'>Link n</a>
</div>
警告:9之前的IE版本不支持addEventListener
。如果您需要支持这些浏览器,请检查addEventListener
是否可用,如果不可用,请使用attachEvent
。我建议使用以下类似方法:
var div = document.getElementById('test');
div.addEventListener('click', function(event){
console.log(event.target.innerHTML)
});
除了ofc之外,我建议在每个具有数字(1-50)的锚上附加一个psedoo属性,以便您可以使用该属性来检测用户单击了哪些锚
您可以通过调用带有function.call(element,arg1,arg2,…)
或function.apply(element,[arg,arg2,arg3,…])的函数来设置。
我建议您使用以下方法:
var div = document.getElementById('test');
div.addEventListener('click', function(event){
console.log(event.target.innerHTML)
});
除了ofc之外,我建议在每个具有数字(1-50)的锚上附加一个psedoo属性,以便您可以使用该属性来检测用户单击了哪些锚
您可以通过调用函数“<代码>函数”来设置<代码> <代码>。调用(元素,ARG1,ARG2,…)<代码>或<代码>函数。应用(元素,[ARG,ARG2,ARG3,…])< /> >/P>@ BFavaReTtto感谢警告,也考虑添加Evi.SrClement和Eng=事件窗口。event@bfarvaretto谢谢你的警告,还考虑添加Ev.SrCyLead和Eng=事件>窗口事件。