首页课程jQuery趣味课堂事件对象

事件对象

目录列表

JQuery的事件对象

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

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(); });

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

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


填空,实现输入字段上的keydown事件,并提示哪个键被按下。

$( "input" ). (function(event) { alert( . ); });

JQuery触发事件

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

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

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

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


填空,触发所选元素的提交事件。

$("form"). (" ");