如何改变事件的顺序？

Question

是否可以更改事件顺序以使用消息Huh? 首先是下一个警报“是的！” 信息？

<div class="elem" onclick="alert('Yeah!')"></div>

我的 jQuery 代码。

$('.elem').click(function () {
    alert('Huh?');
})

链接到 jsFiddle：http: //jsfiddle.net/84Lyq3n9/

Answer 1

这个怎么样：

var inline_click_handler_src = $('.elem').attr('onclick');
var inline_click_handler = new Function('e', inline_click_handler_src);
$('.elem').removeAttr('onclick');

$('.elem').click(function () {
    alert('Huh?');
    inline_click_handler();
});

[编辑] 或者不使用标记内容：

var el = $('.elem').get(0);
var inline_click_handler = el.onclick;
el.onclick = null;

$('.elem').click(function () {
    alert('Huh?');
    inline_click_handler();
});

[再编辑] 如果您的内联点击处理程序使用this ，请使用function.call()来设置执行上下文：

var el = $('.elem').get(0);
var inline_click_handler = el.onclick;
el.onclick = null;

$('.elem').click(function () {
    alert('Huh?');
    inline_click_handler.call(el);
});

Answer 2

但是您可以通过多种方式做到这一点。 首先你可以删除属性“onclick”。你可以用javascript来做。

 $('.elem').removeAttr("onclick"); $('.elem').click(function () { alert('Whatever you want'); alert('Huh?'); })

这是一个链接： http ://www.w3docs.com/learn-javascript/javascript-events.html