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