onclick和click区别及传参方式

最新推荐文章于 2022-12-01 00:05:42 发布

fn_2015

最新推荐文章于 2022-12-01 00:05:42 发布

阅读量3.1k

点赞数

本文链接：https://blog.csdn.net/fn_2015/article/details/51799200

版权

onclick是绑定事件 (告诉浏览器在鼠标点击的时候要做什么)

click是触发事件 (模拟了鼠标点击操作)

click 是方法；
onclick是事件；
执行click就是模拟鼠标点击，同时会触发onclick事件。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="js/jquery/jquery.min.js"></script>
		 <script>
			 $(document).ready(function(){
				 $(".title").click(function(){
					 var id=$(this).data("id");
					 var name=$(this).data("name");
					 alert("Id: "+id+" ; Name: "+name);});
			 });
			 
			 function onClick(e){
				 var id=e.getAttribute("data-id");
				var name=e.getAttribute("data-name");
				 alert("Id: "+id+" ; Name: "+name);
			 }
		 </script>
	</head>
	<body>
		<div class="title" data-id="1" data-name="Microsoft">Click Me</div>
		<div id="add" data-id="2" data-name="Google" οnclick="onClick(this)">Click Me</div>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fn_2015

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
onclick和click区别及传参方式

onclick是绑定事件 (告诉浏览器在鼠标点击的时候要做什么)click是触发事件 (模拟了鼠标点击操作)click 是方法；onclick是事件；执行click就是模拟鼠标点击，同时会触发onclick事件。 $(document).ready(function(){ $(".title").click
复制链接

扫一扫