jquery trigger 的用法

最新推荐文章于 2023-11-03 11:56:13 发布

weixin_34293911

最新推荐文章于 2023-11-03 11:56:13 发布

阅读量79

点赞数

原文链接：https://my.oschina.net/u/2331760/blog/415429

版权

2019独角兽企业重金招聘Python工程师标准>>>

trigger() 触发事件:

触发事件就是类似于点击click, mouseover, keydown 等有动作的js事件，简单的说就是一个动作。

比如：给一个按钮添加了一个click点击事件，弹出提示框，代码如下。

var div = $(“#mybutton”); //你的按钮。 
div.click(function() { 。。。);});

上面的代码就是一个按钮的click事件。这个时候你有个非分的要求，就是希望页面刷新的时候就点一下这个按钮。

如果不用trigger()你可以在后面这样写：

div.click();

如果用trigger()，你就要写成这样：效果跟上面这句是一样，就是稍微长点。

div.trigger(“click”);

如果用click 的话，它不吃参数，用trigger的话，就能吃了

实例:

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  
  
<script type="text/javascript">  
    $(document).ready(function () {  
        $('#button1').click(function(){  
            alert('button1');  
            $('#button2').trigger('click');     //点击1的时候，触发2的单击事件  
        });  
  
        $('#button2').click(function(){//而2的点击事件触发3的myEvent事件,并给myEvent传递两个参数  
            alert('button2');  
            $("#button3").trigger("myEvent", ["Hello","World!"]);  
        });  
         /*定义3的myEvent事件,该事件可以任意自定义,这里自定义为函数*/
        $("#button3").bind("myEvent", function (event, message1, message2) {  //自定议事件myevent  
          alert(message1 + ' ' + message2);  
        });  
    });  
</script>  
  
</head>  
<body style="text-align:center;">  
    <div style="margin-top:130px;">  
        <button id='button1'>click1</button>  
        <button id='button2'>click2</button>  
        <button id='button3'>click3</button>  
    </div>  
</body>  
</html>

转载于:https://my.oschina.net/u/2331760/blog/415429