html页面元素onclick 和 jquery绑定click执行顺序

最新推荐文章于 2021-06-05 04:18:59 发布

aoxida

最新推荐文章于 2021-06-05 04:18:59 发布

阅读量6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/aoxida/article/details/8781240

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文探讨了在HTML页面中使用jQuery为按钮绑定点击事件时，原生HTML事件与jQuery事件触发的顺序。通过实例展示了当同时使用这两种方式绑定同一元素上的点击事件时，它们是如何按顺序被执行的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script src="jquery-1.5.2.min.js" type="text/javascript"></script>
  <script type="text/javascript">
  	$(function(){
  		$("#test").click(function(){
  			alert(1);
  		});
  		
  	});
  </script>
 </HEAD>

 <BODY>
  <input type="button" name="test" value="123" id="test" onclick="alert(2);"/>
 </BODY>
</HTML>

结论，两个click都执行，顺序：alert(2); alert(1);