Jquery:Jquery中的事件<二>

來源:互聯網
上載者:User

標籤:style   tar   get   類   工作   cti   

    這幾天快忙死了,辦了離職還得辦入職,完全打亂了我的計劃,但是能有一個理想的工作,還是很開心的,以後加把勁,爭取把計劃再趕上來!不說了,學習!!!

    五、事件對象的屬性

    1、event.type:擷取事件的類型,其中event是事件的對象。

    2、event.preventDefaule(),在上一個學習筆記中已經有介紹了,該方法是阻止預設的事件事件行為。event.stopPropagation(),該方法的作業是阻止事件的冒泡。

    3、event.target,它的作用是擷取到觸發事件的元素。通過傳回值,可以擷取元素的各種屬性。

    4、event.pageX和event.pageY的作用是擷取相對於頁面的x座標和y座標。如果頁面上有捲軸,則加上捲軸的高度和寬度。

    5、event.which,它的作用是在按一下滑鼠事件中擷取到滑鼠的左、中、右鍵。

    6、event.metaKey,它的作用是擷取鍵盤上的<ctrl>按鍵。

    六、移除事件

    1、unbing(),此方法的作用是移除某元素繫結的事件,如果方法沒有參數,則移除指定元素與包含此方法的事件類型相同的事件,如果有一個參數,則是移除選中元素中指定類型的事件,如果方法中有兩個參數,則移除選中元素的指定類型與事件名稱的事件。

    例:$("#delAll").click(function(){

       $("#btn").unbind(); //移除btn元素的click事件

       $("#btn").unbind("click"); //移除btn元素的click事件

       $("#btn").unbind("click",myFun); //移除btn元素的類型為click、方法名為myFun的事件

    });

    2、one(),它的作用是指定為元素繫結是事件只執行一次。

    例:$("#btn").one(‘click‘,myFun=function(){ //為btn元素繫結的myFun事件只執行一次

    });

    七、類比操作

    類比操作是指為元素指定的click事件不需要點擊元素,則可觸發事件。它用到的方法是trigger()。

    $("btn").trigger("click") //類比觸發btn元素的click事件。

    $("btn").trigger() //這種寫法是上例的簡化寫法,效果同上。

    同時,此方法還可以類比操作自訂的事件。

    $("btn").trigger("myFun") //類比觸發btn元素的myFun事件。

    類比操作時還可以為所觸發的事件傳遞參數。可以在trigger()方法中寫兩個參數,第一個參數代表要觸發的事件,第二個參數代表要傳遞的參數,第二個參數需以數組形式傳遞。

    trigger()方法觸發事件後,會執行瀏覽器預設操作。

    例:$("input").trigger("focus"); //觸發“focus”後也會使<input>本身得到焦點。如果不想執行瀏覽器預設操作,則可用triggHandler()方法。

    今日學習、到此為止,睡覺 ~~~~

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.