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

click和onclick的区别相关推荐

click()和onclick()的区别
click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触 ...
js中click()与onclick()的区别
由一个简单示例到 js中click()与onclick()的区别之前朋友在学习js的时候遇到一个有意思的问题. 先贴一份代码说一下代码构成这里是html结构 <ul><li> ...
jQuery中click和onclick的区别
click()和onclick()的区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触 ...
JS中click和onclick本质区别
本文主要JavaScript中click和onclick本质区别 click是一个方法,onclick是一个事件. 求同: 告诉浏览器在鼠标点击时候要做什么. 存异: click属于方法,是JS语句直 ...
addEventListener的click和onclick的区别
前两节都和addEventListener的click有关,于是在想它与onclick有什么区别呢,自己调试了一下,网上也有相关资料事件绑定 onclick绑定方式优点: - 简洁 - 处理事 ...
click 和 onclick 的区别
onclick 是绑定事件,告诉浏览器在鼠标点击时候要做什么. click本身是方法,作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件. click 是对象 ...
click和onclick事件区别
onclick()方法,是当鼠标点击后,该标签会执行onclick方法 click()方法是不论鼠标点不点,都会执行一次该方法 @onclick()=" aaa() " @clic ...
js中的click和onclick事件区别
1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 2.click本身是方法,作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件
HTML中click()和onclick()的本质区别与案例和解释
HTML中click()和onclick()的本质区别与案例和解释:分为四点: 第一点:英文翻译: On的意思为 :打开,接通,鼠标事件的触发条件: 表明onclick()代表的是一个事件:而在HTM ...

click和onclick的区别

click和onclick的区别相关推荐

最新文章

热门文章