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(){《方法体》});
});