一般的瀏覽器事件（如點擊）支持自定義事件，傳遞參數嗎？
trigger除了能夠觸發瀏覽器事件，同時還支持自定義事件,?
那么一般的瀏覽器事件（如點擊）支持自定義事件 傳遞參數嗎
_十年
2016-09-18
3 回答
舉報
0/150
提交
取消
2016-10-25
trigger()傳遞的參數和一般的瀏覽器事件傳遞的參數在實質上完全不同
一般瀏覽器事件傳遞參數的形式：
function?dome(event,args){?//參數args在這段代碼中沒有被使用 ????alert(event.data.name);?//將匿名對象的name屬性傳遞給了事件對象的data對象 ????alert(args);?//因為沒有傳遞該參數，窗口輸出：undefined } $("div").on("click",{name:"使用event.data傳遞的參數：imooc"},dome);?//div點擊時觸發這里的參數{name:"imooc"}，傳遞給了on事件本身（event）的data對象。
trigger()傳遞的參數的形式：（在上面的代碼基礎上增加如下代碼）
function?dome2(){ ????$("div").trigger("click","使用trigger傳遞的參數：imooc");?//傳遞參數【使用trigger傳遞的參數：imooc】 } dome2();?//彈出2次窗口，第一次是事件對象的data，第二次是trigger傳遞的參數【使用trigger傳遞的參數：imooc】這里的【使用trigger傳遞的參數：imooc】是傳遞給形參args的參數。
總結：
一般瀏覽器事件傳參，參數是傳遞給了事件對象的data對象；
trigger傳參，參數是傳遞給事件調用函數的形參；
2016-09-18
JQuery中on基本用法：.on( events [, selector ] [, data ] )，event可以為click，mouseover，mouseout，mousedown，mouseup等事件；
<body>
? ? <h4>測試三</h4>
? ? <div class="right">
? ? ? ? 點擊觸發：on(mousedown:fn1,mouseup:fn2)
? ? ? ? <div id="test3"></div>
? ? </div>
? ? <script type="text/javascript">
? ? //多事件綁定二
? ? $("#test3").on({
? ? ? ? mousedown: function(e) {
? ? ? ? ? ? $(this).text('觸發事件：' + e.type)
? ? ? ? },
? ? ? ? mouseup: function(e) {
? ? ? ? ? ? $(this).text('觸發事件：' + e.type)
? ? ? ? }
? ? })
? ? </script>
</body>
2016-09-18
on也支持自定義事件傳遞參數