事件对象

每个事件处理函数都可以接收一个事件对象，其中包含与该事件相关的属性和方法：

pageX，pageY 事件发生时相对于页面左上角的鼠标位置（X和Y坐标）。

type 键入事件的类型（例如“点击”）。

which 哪个按钮或键被按下。

data 数据绑定事件时传入的任何数据。

target 定位发起事件的DOM元素。

preventDefault() 阻止事件的默认动作（例如，在链接之后）。

stopPropagation() 停止冒泡到其他元素的事件。

您可以查看我们的JavaScript课程，以获取有关活动属性的更多信息。

例如，让我们处理<a>元素上的click事件，并阻止它跟随href属性中提供的链接：

HTML: 

<a href="https://www.php.cn">Click me</a>

JS: 

$( "a" ).click(function(event) {   alert(event.pageX);   event.preventDefault(); });

上面的代码在点击时提醒鼠标位置，并阻止跟随链接。

如您所见，事件对象作为参数传递给事件处理函数。

我们还可以使用trigger（）方法以编程方式触发事件。 例如，您可以触发一个点击事件，而不需要用户实际点击一个元素：

$("div").click(function()
{    alert("Clicked!"); }); 
$("div").trigger("click");

此代码触发所选元素的点击事件。

trigger（）方法不能用来模仿本机浏览器事件，比如点击文件输入框或锚标签。 只有jQuery事件系统中的事件才能被处理。