Jquery中Event对象属性小结

Jquery中Event对象属性小结

Jquery中的事件对象(Event Object)是一个在事件被触发时传递给事件处理函数的参数。这个对象包含了许多有用的属性和方法来获取和处理事件的相关信息。

在下面的攻略中，我们将讨论Jquery中Event对象的常用属性，以及相应的示例代码。

1. event.currentTarget

event.currentTarget 属性表示事件当前所绑定到的元素，即是哪个元素绑定了处理事件的函数。

示例代码：

$(document).ready(function() {
    $('div').click(function(event) {
        console.log(event.currentTarget); // 输出绑定事件处理函数的元素
    });
});

2. event.keyCode

event.keyCode 属性表示事件触发时按下的键盘上的键的代码。

示例代码：

$(document).ready(function() {
    $(document).keydown(function(event) {
        console.log(event.keyCode); // 使用键盘上下动态调整图片的样式
        if (event.keyCode == 38) {
            $('img').css('height', '+=10');
        }
        if (event.keyCode == 40) {
            $('img').css('height', '-=10');
        }
    });
});

3. event.preventDefault()

event.preventDefault() 方法阻止事件的默认行为。

示例代码：

$(document).ready(function() {
    $('a').click(function(event) {
        event.preventDefault(); // 阻止链接的默认跳转行为
        console.log('链接被点击了!');
    });
});

以上是Jquery中常用的Event对象属性和方法的示例说明。更多有关Event对象的相关内容，可以参考Jquery API 文档。