广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    用jquery模拟鼠标点击事件

    2018-04-04 08:35:28 次阅读 稿源:互联网
    零七广告

    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> 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告