«

jquery 模拟鼠标点击事件

时间:2024-1-19 17:13     作者:韩俊     分类: Html+Css


Jquery模拟鼠标点击事件,如下面这个例子,下面这个例子实现的效果就是点击b和点击a的效果是一样的,虽然我们并没有给b设置具体的点击事件。

<html xmlns="http://www.maopiaopiao.com/javascript-function/290.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery模拟鼠标点击事件-示例</title>
<script type="text/javascript" src="http://www.maopiaopiao.com/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>

标签: javascript html css

热门推荐