jquery 模拟鼠标点击事件

 
更多

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

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

本文固定链接: https://www.cxy163.net/archives/4405 | 绝缘体

该日志由 绝缘体.. 于 2013年05月23日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jquery 模拟鼠标点击事件 | 绝缘体
关键字: , , , ,

jquery 模拟鼠标点击事件:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter