<a href="#" onclick="foo()">click me </a>
您好,我需要在单击时调用onclick脚本之前调用函数。
我试过了:
var script = $("a").attr("onclick");
$("a").attr("onclick", "");
$("a").click(function(event) {
// call bar() first, then foo();
bar();
// script is a string on Chrome
// foo() may use this, so can not globalEval.
});
如何调用脚本?我可以将onclick作为jQuery函数吗?这样:
onclickFunction.call(this);
感谢。
答案 0 :(得分:3)
如果你必须按照这种方式试试这个:
<强> JS:强>
(function() {
var a = document.getElementsByTagName('a')[0];
var foo = a.onclick;
function bar() { console.log('bar'); }
a.onclick = function() {
bar();
foo();
};
})();
答案 1 :(得分:0)
你不能把它们包装在像这样的另一个函数中吗? :
<a href="#" onclick="handler();">click me </a>
var handler = function() {
foo(); // 1. calling foo first
bar(); // 2. calling bar second
};
答案 2 :(得分:0)
您可以将“ mouse up”或“ mouse down”事件添加到元素,该事件将在“ click”事件调用之前调用。这是演示。
void function(){
$("div").mousedown(function(){
console.log("mouse down event")
})
$("div").mouseup(function(){
console.log("mouse up event")
})
$("div").click(function(){
console.log("click event")
})
}();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>click me</div>