jquery trigger 的用法

時間 2019-11-13

原文原文鏈接

trigger() 觸發事件:javascript

觸發事件就是相似於點擊click, mouseover, keydown 等有動做的js事件，簡單的說就是一個動做。html

好比：給一個按鈕添加了一個click點擊事件，彈出提示框，代碼以下。java

var div = $(「#mybutton」); //你的按鈕。 
div.click(function() { 。。。);});

上面的代碼就是一個按鈕的click事件。這個時候你有個非分的要求，就是但願頁面刷新的時候就點一下這個按鈕。jquery

若是不用trigger()你能夠在後面這樣寫：ajax

div.click();

若是用trigger()，你就要寫成這樣：效果跟上面這句是同樣，就是稍微長點。api

div.trigger(「click」);

若是用click 的話，它不吃參數，用trigger的話，就能吃了函數

實例:ui

<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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。