jquery模拟鼠标点击事件入门例子

发布时间:2020-05-07编辑:脚本学堂
jquery如何模拟鼠标点击事件,这里分享一个例子,此鼠标点击事件的效果为点击b和点击a的效果相同,其实并未对b设置具体的点击事件。

jquery模拟鼠标点击事件

实例:
 

复制代码 代码示例:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>jquery模拟鼠标点击事件</title>
<script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$("#a").click(function(){
alert('当前鼠标点击对象的 id 值为:'+$(this).attr('id'));
});
$("#b").click(function(){
$("#a").trigger("click");//模拟执行id=a的事件
});
});
</script>
</body>
<div id="a" style="width:300px; height:200px; background-color:#999;">a</div>
<div id="b" style="width:300px; height:200px; background-color:#999; margin:30px 30px;">b</div>
</html>