<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);
谢谢。
如果您必须遵循以下方式,请尝试以下操作:
.JS:
(function() {
var a = document.getElementsByTagName('a')[0];
var foo = a.onclick;
function bar() { console.log('bar'); }
a.onclick = function() {
bar();
foo();
};
})();
斯菲德尔
你可以向元素添加"鼠标向上"或"鼠标向下"事件,此事件将在"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>
你不能
把它们包装在另一个这样的函数中吗?
<a href="#" onclick="handler();">click me </a>
var handler = function() {
foo(); // 1. calling foo first
bar(); // 2. calling bar second
};