• 首页课程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"). (" ");

    PHP中文网