-
-
-
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." );
});
