每個(gè)事件處理函數(shù)都可以接收一個(gè)事件對象,其中包含與該事件相關(guān)的屬性和方法:
pageX,pageY 事件發(fā)生時(shí)相對于頁面左上角的鼠標(biāo)位置(X和Y坐標(biāo))。
type 鍵入事件的類型(例如“點(diǎn)擊”)。
which 哪個(gè)按鈕或鍵被按下。
data 數(shù)據(jù)綁定事件時(shí)傳入的任何數(shù)據(jù)。
target 定位發(fā)起事件的DOM元素。
preventDefault() 阻止事件的默認(rèn)動(dòng)作(例如,在鏈接之后)。
stopPropagation() 停止冒泡到其他元素的事件。
您可以查看我們的JavaScript課程,以獲取有關(guān)活動(dòng)屬性的更多信息。
例如,讓我們處理<a>元素上的click事件,并阻止它跟隨href屬性中提供的鏈接:
HTML:
<a href="http://m.miracleart.cn">Click me</a>
JS:
$( "a" ).click(function(event) { alert(event.pageX); event.preventDefault(); });
上面的代碼在點(diǎn)擊時(shí)提醒鼠標(biāo)位置,并阻止跟隨鏈接。
如您所見,事件對象作為參數(shù)傳遞給事件處理函數(shù)。
$( "input" ). (function(event) { alert( . ); });
我們還可以使用trigger()方法以編程方式觸發(fā)事件。 例如,您可以觸發(fā)一個(gè)點(diǎn)擊事件,而不需要用戶實(shí)際點(diǎn)擊一個(gè)元素:
$("div").click(function() { alert("Clicked!"); }); $("div").trigger("click");
此代碼觸發(fā)所選元素的點(diǎn)擊事件。
trigger()方法不能用來模仿本機(jī)瀏覽器事件,比如點(diǎn)擊文件輸入框或錨標(biāo)簽。 只有jQuery事件系統(tǒng)中的事件才能被處理。
$("form"). (" ");