jQuery Event Method : สอน method และ property ของ Event Method, เรียน method และ property ของ Event Method
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • one ( eventType, data, listener ) ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    bind ( eventType, data, listener ) ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    bind ( events ) ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    unbind ( eventType, listener ) ใช้ยกเลิก การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    unbind ( eventType ) ใช้ยกเลิก การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    delegate ( selector, eventType, eventData, listener ) ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ selector ที่กำหนด โดย selector นั้นเป็น child element ของ ทุก element ภายใน set
    undelegate ( ) ใช้ยกเลิกการดักฟังเหตุการณ์ที่ถูกดักฟังโดย method delegate()
    undelegate ( selector, eventType ) ใช้ยกเลิกการดักฟังเหตุการณ์ที่ถูกดักฟังโดย method delegate()
    undelegate ( selector, eventType, handler ) ใช้ยกเลิกการดักฟังเหตุการณ์ที่ถูกดักฟังโดย method delegate()
    live ( eventType, eventData, listener ) ใช้ดักฟังเหตุการณ์ที่กำหนดให้กับ ทุก element ภายใน set
    die ( ) ใช้ยกเลิก การดักฟังเหตุการณ์ทั้งหมดของ ทุก element ภายใน set
    die ( eventType, [ function ( event ) ] ) ใช้ยกเลิก การดักฟังเหตุการณ์ที่กำหนด ของ ทุก element ภายใน set
    hover ( overlistener, outlistener ) เป็นการ ดักฟังเหตุการณ์ ของการ mouseover หรือ mouseout ให้กับทุก element ภายใน set
    toggle ( listenerOdd, listenerEven ) เป็นการ ดักฟังเหตุการณ์ ของการ click ให้กับ ทุก element ภายใน set
    toggle ( function ( event ), function ( event ), function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ให้กับ ทุก element ภายใน set โดยจะเกิดขึ้นแบบ cycle คือ สลับกันไป
    trigger ( eventType ) เป็นการสั่งให้ ทุก element ภายใน set เกิดเหตุการณ์ตามที่กำหนดขึ้น
    trigger ( eventType, extraParameters1, extraParameters2, ..., , extraParametersN ) เป็นการสั่งให้ ทุก element ภายใน set เกิดเหตุการณ์ตามที่กำหนดขึ้น
    triggerHandler ( eventType ) ใช้สั่งให้ execute function ของ eventType ที่กำหนดขึ้น ของ ทุก element ภายใน set
    triggerHandler ( eventType, extraParameters1, extraParameters2, ..., , extraParametersN ) ใช้สั่งให้ execute function ของ event ที่กำหนดขึ้น ของ ทุก element ภายใน set
    eventName () เป็นการสั่งให้ ทุก element ภายใน set เกิดเหตุการณ์ตามที่กำหนดขึ้น
    eventTypeName ( listener ) ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    blur () ใช้กำหนดให้เกิดเหตุการณ์ blur กับ ทุก element ภายใน set
    blur ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ blur ให้กับ ทุก element ภายใน set
    change () ใช้กำหนดให้เกิดเหตุการณ์ change กับ ทุก element ภายใน set
    change ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ change ให้กับ ทุก element ภายใน set
    click() ใช้กำหนดให้เกิดเหตุการณ์ change กับ ทุก element ภายใน set
    click ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ click ให้กับ ทุก element ภายใน set
    dblclick ( ) ใช้กำหนดให้เกิดเหตุการณ์ change กับ ทุก element ภายใน set
    dblclick ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ double click ให้กับ ทุก element ภายใน set
    error ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ error ให้กับ ทุก element ภายใน set
    focus ( ) ใช้กำหนดให้เกิดเหตุการณ์ focus กับ ทุก element ภายใน set
    focus ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ focus ให้กับ ทุก element ภายใน set
    focusin ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ focusin ให้กับ ทุก element ภายใน set
    focusout ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ focusout ให้กับ ทุก element ภายใน set
    keydown ( ) ใช้กำหนดให้เกิดเหตุการณ์ keydown กับ ทุก element ภายใน set
    keydown ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ keydown ให้กับ ทุก element ภายใน set
    keypress ( ) ใช้กำหนดให้เกิดเหตุการณ์ keypress กับ ทุก element ภายใน set
    keypress ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ keypress ให้กับ ทุก element ภายใน set
    keyup ( ) ใช้กำหนดให้เกิดเหตุการณ์ keyup กับ ทุก element ภายใน set
    keyup ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ keypress ให้กับ ทุก element ภายใน set
    load ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ load ให้กับ ทุก element ภายใน set
    unload ( function ( event ) ) ใช้ดักฟังเหตุการณ์ เมื่อ window unload
    mousedown ( ) ใช้กำหนดให้เกิดเหตุการณ์ mousedown กับ ทุก element ภายใน set
    mousedown ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ mousedown ให้กับ ทุก element ภายใน set
    mouseenter ( ) ใช้กำหนดให้เกิดเหตุการณ์ mouseenter กับ ทุก element ภายใน set
    mouseenter ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ mouseenter ให้กับ ทุก element ภายใน set
    mouseleave ( ) ใช้กำหนดให้เกิดเหตุการณ์ mouseleave กับ ทุก element ภายใน set
    mouseleave ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ mouseleave ให้กับ ทุก element ภายใน set
    mousemove ( ) ใช้กำหนดให้เกิดเหตุการณ์ mousemove กับ ทุก element ภายใน set
    mousemove ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ mousemove ให้กับ ทุก element ภายใน set
    mouseout ( ) ใช้กำหนดให้เกิดเหตุการณ์ mouseout กับ ทุก element ภายใน set
    mouseout ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ mouseout ให้กับ ทุก element ภายใน set
    mouseover ( ) ใช้กำหนดให้เกิดเหตุการณ์ mouseover กับ ทุก element ภายใน set
    mouseover ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ mouseover ให้กับ ทุก element ภายใน set
    mouseup ( ) ใช้กำหนดให้เกิดเหตุการณ์ mouseup กับ ทุก element ภายใน set
    mouseup ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ mouseup ให้กับ ทุก element ภายใน set
    ready ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ ready ให้กับ ทุก element ภายใน set
    resize ( ) ใช้กำหนดให้เกิดเหตุการณ์ resize กับ ทุก element ภายใน set
    resize ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ resize ให้กับ ทุก element ภายใน set
    scroll ( ) ใช้กำหนดให้เกิดเหตุการณ์ scroll กับ ทุก element ภายใน set
    scroll ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ scroll ให้กับ ทุก element ภายใน set
    select ( ) ใช้กำหนดให้เกิดเหตุการณ์ select กับ ทุก element ภายใน set
    select ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ scroll ให้กับ ทุก element ภายใน set
    submit ( ) ใช้กำหนดให้เกิดเหตุการณ์ submit กับ ทุก element ภายใน set
    submit ( function ( event ) ) ใช้กำหนด การดักฟังเหตุการณ์ submit ให้กับ ทุก element ภายใน set
  • syntax :
    one ( eventType, data, listener )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    โดยเหตุการณ์เหล่านี้จะเกิดขึ้นเพียงครั้งเดียว แล้วจะถูกลบโดยอัตโนมัติ

    example :
    $("#test").one("click", function(event){
    	alert ( "My id is " + this.id );
    });

  • syntax :
    bind ( eventType, data, listener )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    โดย eventType ที่เป็นไปได้ ได้แก่ blur, focus, focusin, focusout, load, resize, 
    scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, 
    mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, 
    keyup, error

    example :
    $("#test").bind("click", function(event){
    	alert ( "My id is " + this.id );
    });

  • syntax :
    bind ( events )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    โดย events ที่เป็นไปได้ ได้แก่ blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, 
    mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, 
    submit, keydown, keypress, keyup, error

    example :
    $("div#dialog").bind("mouseenter mouseleave", function() {
    	$(this).toggleClass("entered");
    });
    $("div.test").bind( {
    	click: function(){
    	
    		$(this).addClass("active");
    	},
    	
    	mouseenter: function(){
    		$(this).addClass("inside");
    	},
    	mouseleave: function(){
    		$(this).removeClass("inside");
    	}
    });
    function handler(event) 
    {
    	alert(event.data.foo);
    }
    $("p").bind("click", {foo: "bar"}, handler);

  • syntax :
    unbind ( eventType, listener )

    return type :
    void, element

    content :
    ใช้ยกเลิก การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set

    example :
    $("#test").unbind("click", function(event){
    	alert ( "My id is " + this.id );
    });

  • syntax :
    unbind ( eventType )

    return type :
    void, element

    content :
    ใช้ยกเลิก การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set

    example :
    $("#test").unbind("click");

  • syntax :
    delegate ( selector, eventType, eventData, listener )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ selector ที่กำหนด โดย selector นั้นเป็น child element ของ ทุก element ภายใน set

    example :
    $("body").delegate("button", "click", function ( event ) {
    	alert ( $(this).text ( ) );
    });

  • syntax :
    undelegate ( )

    return type :
    void, element

    content :
    ใช้ยกเลิกการดักฟังเหตุการณ์ที่ถูกดักฟังโดย method delegate() 
    โดยจะเป็นการยกเลิกทั้งหมด ที่ถูกดักฟังด้วย method delegate()
    ที่อยู่ภายใน ทุก element ภายใน set

    example :
    function aClick() {
    	$("div#popup").show("slow").fadeOut("slow");
    }
    $("body").delegate("#testButton", "click", aClick);
    
    $("#buttonUnDelegate").click( function ( ) {
    	$("body").undelegate();
    });

  • syntax :
    undelegate ( selector, eventType )

    return type :
    void, element

    content :
    ใช้ยกเลิกการดักฟังเหตุการณ์ที่ถูกดักฟังโดย method delegate() 
    โดยจะเป็นการยกเลิกทุก element ที่ตรงตาม selector ที่มีการดักฟังตาม eventType ที่กำหนด
    ที่อยู่ภายใน ทุก element ภายใน set

    example :
    function aClick() {
    	$("div#popup").show("slow").fadeOut("slow");
    }
    $("body").delegate("#testButton", "click", aClick);
    
    $("#buttonUnDelegate").click( function ( ) {
    	$("body").undelegate("#testButton", "click");
    });

  • syntax :
    undelegate ( selector, eventType, handler )

    return type :
    void, element

    content :
    ใช้ยกเลิกการดักฟังเหตุการณ์ที่ถูกดักฟังโดย method delegate() 
    โดยจะเป็นการยกเลิกทุก element ที่ตรงตาม selector ที่มีการดักฟังตาม eventType ที่กำหนด และมี function ที่กำหนด
    ที่อยู่ภายใน ทุก element ภายใน set

    example :
    function aClick() {
    	$("div#popup").show("slow").fadeOut("slow");
    }
    $("body").delegate("#testButton", "click", aClick);
    
    $("#buttonUnDelegate").click( function ( ) {
    	$("body").undelegate("#testButton", "click", aClick);
    });

  • syntax :
    live ( eventType, eventData, listener )

    return type :
    void, element

    content :
    ใช้ดักฟังเหตุการณ์ที่กำหนดให้กับ ทุก element ภายใน set

    example :
    $("button").live ( "click", function( event ) {
    	alert ( "event click occurs." );
    });

  • syntax :
    die ( )

    return type :
    void, element 

    content :
    ใช้ยกเลิก การดักฟังเหตุการณ์ทั้งหมดของ ทุก element ภายใน set
    โดยการดักฟังของเหตุการณ์เหล่านั้นเกิดขึ้นจากการใช้ method live()

    example :
    function aClick ( ) {
     	$("div").show().fadeOut("slow");
    	$("#shown").die();
    }
    $("#shown").live("click", aClick);

  • syntax :
    die ( eventType, [ function ( event ) ] )

    return type :
    void, element

    content :
    ใช้ยกเลิก การดักฟังเหตุการณ์ที่กำหนด ของ ทุก element ภายใน set
    โดยการดักฟังของเหตุการณ์เหล่านั้นเกิดขึ้นจากการใช้ method live()
    ( ถ้ากำหนด function ก็จะยกเลิกการดักฟัง ของ function ที่กำหนดเท่านั้น )

    example :
    function aClick ( ) {
     	$("div").show().fadeOut("slow");
    	$("#shown").die("click", aClick);
    }
    $("#shown").live("click", aClick);

  • syntax :
    hover ( overlistener, outlistener )

    return type :
    void, element

    content :
    เป็นการ ดักฟังเหตุการณ์ ของการ mouseover หรือ mouseout ให้กับทุก element ภายใน set

    example :
    var eventOver = function(event){ alert( "Over Object !!" ); };
    var eventOut = function(event){ alert( "Out of Object !!" ); };
    $("#test").hover( eventOver, eventOut );

  • syntax :
    toggle ( listenerOdd, listenerEven )

    return type :
    void, element

    content :
    เป็นการ ดักฟังเหตุการณ์ ของการ click ให้กับ ทุก element ภายใน set
    โดยถ้าเป็นการ ครั้งที่ของการ click เป็น จำนวนคี่ จะเกิดเหตุการณ์ listenerOdd ขึ้น
    แต่ถ้า ครั้งที่ของการ click เป็น จำนวนคู่ จะเกิดเหตุการณ์ listenerEven ขึ้น

    example :
    var eventOdd = function(event){ alert( "Odd Click !!" ); };
    var eventEven = function(event){ alert( "Even Click !!" ); };
    $("#test").toggle( eventOdd, eventEven );

  • syntax :
    toggle ( function ( event ), function ( event ), function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ให้กับ ทุก element ภายใน set
    โดยจะเกิดขึ้นแบบ cycle คือ สลับกันไป

    example :
    $("button").toggle(
    	function ( event ) {
    		alert ( "click 1, 4, 7, 10, 13, ...." );
    	},
    	function ( event ) {
    		alert ( "click 1, 4, 7, 10, 13, ...." );
    	},
    	function ( event ) {
    		alert ( "click 1, 4, 7, 10, 13, ...." );
    	}
    );

  • syntax :
    trigger ( eventType )

    return type :
    void, element

    content :
    เป็นการสั่งให้ ทุก element ภายใน set เกิดเหตุการณ์ตามที่กำหนดขึ้น
    โดย eventType ที่เป็นไปได้ ได้แก่ blur, change, click, dblclick, error, focus, keydown,
    keypress, keyup, load, mousedown, mousemove, mouseout, mouseover, mouseup,
    resize, scroll, select, submit, unload

    example :
    $("#test").bind("click", function(event){
    	alert ( "My id is " + this.id );
    });
    $("#test").trigger("click");

  • syntax :
    trigger ( eventType, extraParameters1, extraParameters2, ..., , extraParametersN )

    return type :
    void, element

    content :
    เป็นการสั่งให้ ทุก element ภายใน set เกิดเหตุการณ์ตามที่กำหนดขึ้น

    example :
    $("#button").bind ( "custom", function ( event, name, age ) {
    	alert ( "Name is : " + name + ", Age is : " + age );
    });
    $("#button").trigger( "custom", "Function", "1" );

  • syntax :
    triggerHandler ( eventType )

    return type :
    void, element

    content :
    ใช้สั่งให้ execute function ของ eventType ที่กำหนดขึ้น ของ ทุก element ภายใน set
    คือ execute ที่ function ที่ดักฟังไว้ แต่จะไม่เกิด event ขึ้น
    เช่น focus ก็จะไม่ไป focus แต่จะเกิดการทำงานที่ เหตุการณ์ที่ดักฟังเท่านั้น

    example :
    $("input").focus ( function ( event ) {
    	$("<span>Focused!</span>").appendTo("body").fadeOut( 3000 );
    });
    $("#button").click( function ( ) {
    	$("input").triggerHandler ( "focus" );
    });

  • syntax :
    triggerHandler ( eventType, extraParameters1, extraParameters2, ..., , extraParametersN )

    return type :
    void, element

    content :
    ใช้สั่งให้ execute function ของ event ที่กำหนดขึ้น ของ ทุก element ภายใน set
    คือ execute ที่ function ที่ดักฟังไว้ แต่จะไม่เกิด event ขึ้น
    เช่น focus ก็จะไม่ไป focus แต่จะเกิดการทำงานที่ เหตุการณ์ที่ดักฟังเท่านั้น

    example :
    $("input").focus ( function ( event, name, age ) {
    	$("<span>Name is : " + name + ", Age is : " + age + "</span>").appendTo("body").fadeOut( 3000 );
    });
    $("#button").click( function ( ) {
    	$("input").triggerHandler ( "focus", "Function", "1" );
    });

  • syntax :
    eventName ()

    return type :
    void, element

    content :
    เป็นการสั่งให้ ทุก element ภายใน set เกิดเหตุการณ์ตามที่กำหนดขึ้น
    โดย eventName ที่เป็นไปได้ ได้แก่ blur, click, focus, select, submit

    example :
    $("#test").bind("click", function(event){
    	alert ( "My id is " + this.id );
    });
    $("#test").click();

  • syntax :
    eventTypeName ( listener )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ ให้กับ ทุก element ภายใน set
    โดย eventTypeName ที่เป็นไปได้ ได้แก่ blur, change, click, dblclick, error, focus, keydown,
    keypress, keyup, load, mousedown, mousemove, mouseout, mouseover, mouseup,
    resize, scroll, select, submit, unload

    example :
    $("#test").click( function(event){
    	alert ( "My id is " + this.id );
    });

  • syntax :
    blur ()

    return type :
    void 

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ blur กับ ทุก element ภายใน set

    example :
    $("input#idCustomer").blur();

  • syntax :
    blur ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ blur ให้กับ ทุก element ภายใน set

    example :
    $('#target').blur(function() {
    	alert("event blur occurs.");
    });

  • syntax :
    change ()

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ change กับ ทุก element ภายใน set

    example :
    $("select").change();

  • syntax :
    change ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ change ให้กับ ทุก element ภายใน set

    example :
    $("select").change ( function ( ) {
    	alert("event change occurs.");
    });

  • syntax :
    click()

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ change กับ ทุก element ภายใน set

    example :
    $("#submitCustomer").click();

  • syntax :
    click ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ click ให้กับ ทุก element ภายใน set

    example :
    $("button").click( function ( ) {
    	alert ( "event click occurs.");
    });

  • syntax :
    dblclick ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ change กับ ทุก element ภายใน set

    example :
    $("div").dblclick();

  • syntax :
    dblclick ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ double click ให้กับ ทุก element ภายใน set

    example :
    $("div").dblclick ( function ( ) {
    	alert ( "event double click occurs." );
    });

  • syntax :
    error ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ error ให้กับ ทุก element ภายใน set

    example :
    $(window).error( function( event ){
    	return true;
    })

  • syntax :
    focus ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ focus กับ ทุก element ภายใน set

    example :
    $("input[type=text]").focus();

  • syntax :
    focus ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ focus ให้กับ ทุก element ภายใน set

    example :
    $("input[type=text]").focus ( function ( ) {
    	alert ( "event focus occurs.");
    });

  • syntax :
    focusin ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ focusin ให้กับ ทุก element ภายใน set

    example :
    $("input[type=text]").focusin ( function ( ) {
    	alert ( "event focusin occurs.");
    });

  • syntax :
    focusout(  function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ focusout ให้กับ ทุก element ภายใน set

    example :
    $("input[type=text]").focusout ( function ( ) {
    	alert ( "event focusout occurs.");
    });

  • syntax :
    keydown ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ keydown กับ ทุก element ภายใน set

    example :
    $("input[type=text]").keydown ( );

  • syntax :
    keydown ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ keydown ให้กับ ทุก element ภายใน set

    example :
    $("input[type=text]").keydown ( function( event ) {
    	alert ( "event keydown occurs.");
    });

  • syntax :
    keypress ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ keypress กับ ทุก element ภายใน set

    example :
    $("input[type=text]").keypress ( );

  • syntax :
    keypress ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ keypress ให้กับ ทุก element ภายใน set

    example :
    $("input[type=text]").keypress ( function( event ) {
    	alert ( "event keypress occurs.");
    });

  • syntax :
    keyup ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ keyup กับ ทุก element ภายใน set

    example :
    $("input[type=text]").keyup ( );

  • syntax :
    keyup ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ keypress ให้กับ ทุก element ภายใน set

    example :
    $("input[type=text]").keypress ( function( event ) {
    	alert ( "event keypress occurs.");
    });

  • syntax :
    load ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ load ให้กับ ทุก element ภายใน set

    example :
    $(window).load( function ( ) {
    	alert ( "window load complete." );
    });

  • syntax :
    unload ( function ( event ) )

    return type :
    void, element

    content :
    ใช้ดักฟังเหตุการณ์ เมื่อ window unload

    example :
    $(window).unload ( function ( event ) { alert("Bye now!"); } );

  • syntax :
    mousedown ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ mousedown กับ ทุก element ภายใน set

    example :
    $("a").mousedown ( );

  • syntax :
    mousedown ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ mousedown ให้กับ ทุก element ภายใน set

    example :
    $("a").mousedown ( function( event ) {
    	alert ( "event mousedown occurs.");
    });

  • syntax :
    mouseenter ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ mouseenter กับ ทุก element ภายใน set

    example :
    $("div").mouseenter ( );

  • syntax :
    mouseenter ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ mouseenter ให้กับ ทุก element ภายใน set

    example :
    $("div").mouseenter ( function( event ) {
    	alert ( "event mouseenter occurs.");
    });

  • syntax :
    mouseleave ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ mouseleave กับ ทุก element ภายใน set

    example :
    $("div").mouseleave ( );

  • syntax :
    mouseleave ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ mouseleave ให้กับ ทุก element ภายใน set

    example :
    $("div").mouseleave ( function( event ) {
    	alert ( "event mouseleave occurs.");
    });

  • syntax :
    mousemove ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ mousemove กับ ทุก element ภายใน set

    example :
    $("div").mousemove ( );

  • syntax :
    mousemove ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ mousemove ให้กับ ทุก element ภายใน set

    example :
    $("div").mousemove ( function( event ) {
    	alert ( "event mousemove occurs.");
    });

  • syntax :
    mouseout ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ mouseout กับ ทุก element ภายใน set

    example :
    $("div").mouseout ( );

  • syntax :
    mouseout ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ mouseout ให้กับ ทุก element ภายใน set

    example :
    $("div").mouseout ( function( event ) {
    	alert ( "event mouseout occurs.");
    });

  • syntax :
    mouseover ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ mouseover กับ ทุก element ภายใน set

    example :
    $("div").mouseover ( );

  • syntax :
    mouseover ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ mouseover ให้กับ ทุก element ภายใน set

    example :
    $("div").mouseover ( function( event ) {
    	alert ( "event mouseover occurs.");
    });

  • syntax :
    mouseup ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ mouseup กับ ทุก element ภายใน set

    example :
    $("div").mouseup ( );

  • syntax :
    mouseup ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ mouseup ให้กับ ทุก element ภายใน set

    example :
    $("div").mouseup ( function( event ) {
    	alert ( "event mouseup occurs.");
    });

  • syntax :
    ready ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ ready ให้กับ ทุก element ภายใน set

    example :
    $(document).ready ( function ( event ) {
    	alert ( "dom element complete." );
    });

  • syntax :
    resize ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ resize กับ ทุก element ภายใน set

    example :
    $(window).resize ( );

  • syntax :
    resize ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ resize ให้กับ ทุก element ภายใน set

    example :
    $(window).resize ( function( event ) {
    	alert ( "window resize occurs." );
    });

  • syntax :
    scroll ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ scroll กับ ทุก element ภายใน set

    example :
    $(window).scroll ( );

  • syntax :
    scroll ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ scroll ให้กับ ทุก element ภายใน set

    example :
    $(window).scroll ( function( event ) {
    	alert ( "window scroll occurs." );
    });

  • syntax :
    select ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ select กับ ทุก element ภายใน set

    example :
    $("select#major").select ( );

  • syntax :
    select ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ scroll ให้กับ ทุก element ภายใน set

    example :
    $("select#major").select ( function ( event ) {
    	alert ( "events select occurs." );
    });

  • syntax :
    submit ( )

    return type :
    void

    content :
    ใช้กำหนดให้เกิดเหตุการณ์ submit กับ ทุก element ภายใน set

    example :
    $("button#submit").submit ( );

  • syntax :
    submit ( function ( event ) )

    return type :
    void, element

    content :
    ใช้กำหนด การดักฟังเหตุการณ์ submit ให้กับ ทุก element ภายใน set

    example :
    $("button#submit").submit ( function ( event ) {
    	alert ( "events submit occurs." );
    });

 
Share This Chapter Login with Facebook