用jquery模拟鼠标点击事件

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

  1. <html
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4. <title>jquery模拟鼠标点击事件-示例</title> 
  5. <script type="text/javascript" src="http://www.daimajiayuan.com/templets/skins/js/jquery-1.8.1.min.js"></script> 
  6. </head> 
  7. <body> 
  8. <script type="text/javascript"
  9. $(function(){ 
  10.     $("#a").click(function(){ 
  11.         alert('当前鼠标点击对象的 id 值为:'+$(this).attr('id')); 
  12.     }); 
  13.     $("#b").click(function(){ 
  14.         $("#a").trigger("click");//模拟执行id=a的事件 
  15.     }); 
  16. }); 
  17. </script> 
  18. </body> 
  19. <div id="a" style="width:300px; height:200px; background-color:#999;">a</div> 
  20. <div id="b" style="width:300px; height:200px; background-color:#999; margin:30px 30px;">b</div> 
  21. </html> 

转载请注明:代码家园 » 用jquery模拟鼠标点击事件

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • dzb3688
    2015-09-25 10:35:01发表

    trigger