热门搜索: js效果    seo优化    css教程    js网页特效    php函数    php字符串    

jquery 模拟鼠标点击事件

时间:2015-09-11 18:29 文章来源:未知 点击次数:

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

<html xmlns="http://www.weberlove.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.weberlove.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>

 

 

 

 

 

    热门排行