你能绑定.click()使它在onclick之前触发吗?

can you bind .click() so that it fires prior to onclick?

本文关键字：onclick 绑定 click      更新时间：2023-09-26

我正在为一个用JSF构建的应用程序编写jQuery。JSF组件使用了很多自己的JS来完成JSF所做的事情，并且它们使用了很多onclick属性来处理这一切。

是否有有效/适当的方法来绑定你自己的点击事件到一个元素，并确保你的事件在默认的onclick事件之前触发?似乎默认情况下，jQuery的click函数在任何内联onclick函数调用之后被触发。

在jQuery中，事件是严格按照注册的顺序触发的。

你可以绕过任何内联的DOM0 onclick风格的处理程序，迭代整个DOM，删除那些onclick属性，然后注册你自己的处理程序然后调用原来定义的函数。

类似:

$('[onclick]').each(function() {
    var handler = $(this).prop('onclick');
    $(this).removeProp('onclick');
    $(this).click(handler);
});

见http://jsfiddle.net/alnitak/2SCTK/

所以，先用jQuery注册你自己的处理程序，然后调用上面的代码来删除原来的内联onclick处理程序，并重新注册它们，如果jQuery已经添加了它们。

EDIT代码简化为只使用原始函数- jQuery将确保在正确的上下文中调用该函数。前面的代码明确地将上下文设置为window是不正确的。

您可以从DOM元素中删除onClick事件，然后使用jQuery重新绑定它。

<div id="click" onclick="alert('DOM')">CLICK ME</div>
$('#click').click(function(){
    alert('jQuery');
});
var clickFunc = $('#click').prop('onclick');
$('#click').removeProp('onclick');
$('#click').click(clickFunc);

事件是按照它们被绑定的顺序调用的，所以首先调用函数的唯一方法是取消绑定，然后重新绑定原始函数。

演示:http://jsfiddle.net/wYd5t/2/

无法强制同一元素上的同一侦听器的事件触发顺序。每个浏览器都可以自由地以它选择的任何顺序触发事件。

您可以在元素上使用onmousedown

相关文章：