課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)(三)—事件篇
trigger除了能夠觸發(fā)瀏覽器事件,同時還支持自定義事件,?
那么一般的瀏覽器事件(如點擊)支持自定義事件 傳遞參數(shù)嗎
2016-09-18
源自:jQuery基礎(chǔ)(三)—事件篇 7-1
正在回答
trigger()傳遞的參數(shù)和一般的瀏覽器事件傳遞的參數(shù)在實質(zhì)上完全不同
一般瀏覽器事件傳遞參數(shù)的形式:
function?dome(event,args){?//參數(shù)args在這段代碼中沒有被使用 ????alert(event.data.name);?//將匿名對象的name屬性傳遞給了事件對象的data對象 ????alert(args);?//因為沒有傳遞該參數(shù),窗口輸出:undefined } $("div").on("click",{name:"使用event.data傳遞的參數(shù):imooc"},dome);?//div點擊時觸發(fā)
這里的參數(shù){name:"imooc"},傳遞給了on事件本身(event)的data對象。
trigger()傳遞的參數(shù)的形式:(在上面的代碼基礎(chǔ)上增加如下代碼)
function?dome2(){ ????$("div").trigger("click","使用trigger傳遞的參數(shù):imooc");?//傳遞參數(shù)【使用trigger傳遞的參數(shù):imooc】 } dome2();?//彈出2次窗口,第一次是事件對象的data,第二次是trigger傳遞的參數(shù)【使用trigger傳遞的參數(shù):imooc】
這里的【使用trigger傳遞的參數(shù):imooc】是傳遞給形參args的參數(shù)。
總結(jié):
一般瀏覽器事件傳參,參數(shù)是傳遞給了事件對象的data對象;
trigger傳參,參數(shù)是傳遞給事件調(diào)用函數(shù)的形參;
JQuery中on基本用法:.on( events [, selector ] [, data ] ),event可以為click,mouseover,mouseout,mousedown,mouseup等事件;
<body>
? ? <h4>測試三</h4>
? ? <div class="right">
? ? ? ? 點擊觸發(fā):on(mousedown:fn1,mouseup:fn2)
? ? ? ? <div id="test3"></div>
? ? </div>
? ? <script type="text/javascript">
? ? //多事件綁定二
? ? $("#test3").on({
? ? ? ? mousedown: function(e) {
? ? ? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? ? ? },
? ? ? ? mouseup: function(e) {
? ? ? ? }
? ? })
? ? </script>
</body>
on也支持自定義事件傳遞參數(shù)
_十年 提問者
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進行交互的操作
2 回答jQuery事件傳遞的參數(shù)到底怎么用?
2 回答點擊事件?
3 回答jQuery自定義事件之trigger事件這一篇有人可以幫忙解釋下嗎
3 回答jquery中所有事件都可以傳入一個參數(shù)嗎
1 回答a標簽的點擊事件
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-10-25
trigger()傳遞的參數(shù)和一般的瀏覽器事件傳遞的參數(shù)在實質(zhì)上完全不同
一般瀏覽器事件傳遞參數(shù)的形式:
這里的參數(shù){name:"imooc"},傳遞給了on事件本身(event)的data對象。
trigger()傳遞的參數(shù)的形式:(在上面的代碼基礎(chǔ)上增加如下代碼)
這里的【使用trigger傳遞的參數(shù):imooc】是傳遞給形參args的參數(shù)。
總結(jié):
一般瀏覽器事件傳參,參數(shù)是傳遞給了事件對象的data對象;
trigger傳參,參數(shù)是傳遞給事件調(diào)用函數(shù)的形參;
2016-09-18
JQuery中on基本用法:.on( events [, selector ] [, data ] ),event可以為click,mouseover,mouseout,mousedown,mouseup等事件;
<body>
? ? <h4>測試三</h4>
? ? <div class="right">
? ? ? ? 點擊觸發(fā):on(mousedown:fn1,mouseup:fn2)
? ? ? ? <div id="test3"></div>
? ? </div>
? ? <script type="text/javascript">
? ? //多事件綁定二
? ? $("#test3").on({
? ? ? ? mousedown: function(e) {
? ? ? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? ? ? },
? ? ? ? mouseup: function(e) {
? ? ? ? ? ? $(this).text('觸發(fā)事件:' + e.type)
? ? ? ? }
? ? })
? ? </script>
</body>
2016-09-18
on也支持自定義事件傳遞參數(shù)