使用触发事件首先需要有一个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(){《方法体》});});