当前位置: 首页 > 工具软件 > Click&Clean > 使用案例 >

click和onclick的区别

山阳辉
2023-12-01

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是发生改变的时候才触发,因此是正好触发一次。

 类似资料: