javascript 中 click 和onclick有啥区别呢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 中 click 和onclick有啥区别呢相关的知识,希望对你有一定的参考价值。

区别如下:

1、onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么。

2、click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件

3、click可以理解为一次简单的触发,只执行一次,找不到以后就不再执行;

4、onclick则是给这个id注册一种行为,可以重复触发

5、click 是方法;onclick是事件;执行click就是模拟鼠标点击,同时会触发onclick事件。

扩展资料:

javascript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在html中来实现自身的功能的。

Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

参考资料:Javascript-百度百科

参考技术A

首先给出示例代码:

<script type="text/javascript"> 
$(function() 
$("#btn4").click(function() 
$("#btn3").click(); 
); 
); 
function change() 
alert("onclick"); 
 
</script>
<button id="btn3" onclick="change()">dd</button> 
<button id="btn4">ee</button>

区别:
 
1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么。
 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击'ee'按钮时,会触发'dd'的onclick事件(正常来说得按'dd'按钮才触发'dd'的onclick事件),原因就是因为

$("#btn4").click(function()
$("#btn3").click();

点击'ee'按钮时,代码内部调用了'dd'的click()方法,从而触发了'dd'的onclick事件。

2.click()方法的主要作用是触发调用click方法元素onclick事件。此外,如果在click方法定义了如下代码
 
$("#btn3").click(function()
alert("*****");

click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。实例如下:

<script type="text/javascript"> 
$(function() 
$("#btn3").click(function() 
alert("aa"); 
); 
); 
function change() 
alert("bb"); 
 
</script> 
<button id="btn3" onclick="change()">dd</button>

参考技术B click可以理解为一次简单的触发,只执行一次,找不到以后就不再执行;
onclick则是给这个id注册一种行为,可以重复触发
参考技术C 在原生的javascript中,没有click,如果说有,click是动作,点击事件,onclick是监听点击事件发生并调用相应的监听函数进行处理,jquery里用click 参考技术D onclick是绑定事件 (告诉浏览器在鼠标点击的时候要做什么)
click是触发事件 (模拟了鼠标点击操作)

以上是关于javascript 中 click 和onclick有啥区别呢的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Click-Once 签署应用程序来满足 AppLocker?

Vue事件修饰符(四).native .once

idea 添加 VUE 的语法

vue学习 事件修饰符 stop prevent capture self once

uni-app中@tap和@click的区别

javascript 中 click 和onclick有啥区别呢