javascript-为什么首先通过onclick on元素而不是$(document).on(‘click’)调用click事件?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-为什么首先通过onclick on元素而不是$(document).on(‘click’)调用click事件?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2412字,纯文字阅读大概需要4分钟。
内容图文
![javascript-为什么首先通过onclick on元素而不是$(document).on(‘click’)调用click事件?](/upload/InfoBanner/zyjiaocheng/681/9b8311362f974d8c8c1f30208e5b2f3c.jpg)
在我的应用程序中,我有很多锚标记和按钮,其中大多数都有通过元素上的onclick调用的事件.
我想要的是在调用任何其他函数之前先调用一个函数.
html
<input type="button" value="add" onclick="add()">
<input type="button" value="sub" onclick="sub()">
<input type="button" value="div" onclick="div()">
js
function add(){
alert("add");
}
function sub(){
alert("sub");
}
function div(){
alert("div");
}
$(document).on("click","input[type=button]",function(){
alert("bye");
});
这是小提琴fiddle
我以为
$(document).on("click","input[type=button]",function(){
....
});
将首先被调用,以便我可以在之前处理某些东西
function show(){
alert("hi");
}
被称为,但这不是事实.
应该怎么做才能做到这一点.
我想在所有锚标签和按钮上调用一个函数,甚至在
onclick =“ show()”
Update
我已经更新了小提琴
压力
每个元素都有其自己的函数来调用,但是$(document)中的函数是相同的,我想在所有被过滤的元素上调用.
我有一些建议,为什么不制作一个具有$(document)逻辑的函数,并在元素调用的所有函数上调用它,即add(),sub(),div().
但是不是,我不能,因为这只是一个演示,我的实际应用程序退出了很多,无法弄清楚每个函数并不能调用其他函数.那就是为什么我想要一个替代方案.
解决方法:
首先会调用onclick attr,因为它在元素上的直接事件
就是这样,但是您可以从函数本身对事件进行一些操作
这是一种可以实现所需目标的方法,但是正如我在评论中所说的那样,有些混乱:
<!DOCTYPE HTML>
<html ng-app>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<a id="click" onclick="show(this);">c</a>
<script type="text/javascript">
function show(t){
events = $._data(document, 'events');
events.click[0].handler();
alert("hi");
$(document).off("click","#click");
}
$(document).on("click","#click",function(){
alert("bye");
});
</script>
</body>
</html>
基本上,您在这里执行的操作是在执行onclick函数逻辑之前调用其他处理程序,换句话说,您从onclick调用其他处理程序,此代码有效,但是您应该对要查找的事件使用一些过滤器并在循环上运行每个事件
另一种执行方法是,可以保存onclick值并将其附加到您自己的事件中,然后删除onclick属性:
http://jsfiddle.net/qmbcgz5y/11/
function add(){
alert("add");
}
function sub(){
alert("sub");
}
function div(){
alert("div");
}
function firstfunction(){alert('first func');}
$(function(){
$("input[type=button]").each(function(){
var onclickfunc = $(this).attr('onclick');
$(this).attr('onclick','');
$(this).on('click',function(){
firstfunction();
eval(onclickfunc);
});
});
});
内容总结
以上是互联网集市为您收集整理的javascript-为什么首先通过onclick on元素而不是$(document).on(‘click’)调用click事件?全部内容,希望文章能够帮你解决javascript-为什么首先通过onclick on元素而不是$(document).on(‘click’)调用click事件?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。