click和onclick的区别
山阳辉
click与onclick区别
click是对象的方法，onclick是事件，当我们点击按钮是，首先触发的是事件，然后是方法：
<html>
<head>
<title>Doument</title>
</head>
<body>
<div id="app">
<button id="test_btn" onclick="textOnclick()"></button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$('#test_btn').click(function () {
alert("click执行");
})
function textOnclick() {
alert("onclick执行");
}
</script>
</body>
</html>
<!--运行结果：onclick先执行然后click执行-->
1、onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么；click本身是方法，作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件
2、click可以理解为一次简单的触发，只执行一次，找不到以后就不再执行；onclick则是给这个id注册一种行为，可以重复触发
3、click 是方法，onclick是事件。执行click就是模拟鼠标点击，同时会触发onclick事件。
4、所以说jquery的click点击事件会在点击下拉框的时候触发一次，然后选中下拉项的时候再触发一次。所以可以使用change方法，change是发生改变的时候才触发，因此是正好触发一次。
类似资料：