100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS四种常用的按钮(输入框)触发事件

JS四种常用的按钮(输入框)触发事件

时间:2022-11-25 08:10:17

相关推荐

JS四种常用的按钮(输入框)触发事件

使用触发事件首先需要有一个input输入框或者button按钮,按照书写位置可分两种:写在标签内和写在JS里面的。

触发事件标签示例---------------------------------------------<input type="button" id="myId" name="name" />---------------------------------------------

写在标签内

第一种

<input type="button" id="myId" name="name" onchange="jump();" />

写在JS里面

第二种

$("#myId").onclick(function(){《方法体》});

$("#myId").onchange(function(){《方法体》});

第三种

$("#myId").on("click",function(){《方法体》});$("#myId").on("change",function(){《方法体》});

第四种

$(document).on(“click”,"#myId",function(){《方法体》});

$(document).on(“change”,"#myId",function(){《方法体》});

总结:

以上四种方式可以实现对点击(输入框)的触发,区别就是它们的优先级级别不同。

注:优先级别第四种是最高的,其他暂未区分就也不误导大家,欢迎各位大佬莅临评论区指点一二。

产生的原因是JS方法体中可能会存在方法体的嵌套,造成触发事件关联失效的情况。

确定js方法是否失效最快捷的方法就是在浏览器开发者模式的source找到改方法添加断点,通过点击按钮看js代码是否调到了该断点。

方法嵌套情况有很多种,比如:

layui.use({$("#myId").on("click",function(){《方法体》});});又或者$({$("#myId").on("click",function(){《方法体》});});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。