📜  jQuery | event.type 属性与示例(1)

📅  最后修改于: 2023-12-03 14:43:15.196000             🧑  作者: Mango

jQuery | event.type 属性与示例

在 jQuery 中,事件被视为对象,事件对象具有自己的属性和方法。其中,event.type 可以用来获取当前事件的类型。

属性说明

event.type 是一个字符串,表示当前事件的类型。例如,如果是鼠标点击事件,则 event.type 的值就是 click

语法
$("selector").on("event", function(event) {
  console.log(event.type);
});
示例

下面以鼠标点击事件为例:

$("button").on("click", function(event) {
  console.log(event.type); // 输出 "click"
});

在这个示例中,当用户点击 button 元素时,事件绑定的监听器函数会被触发。同时,在监听器函数中输出了 event.type 的值,即点击事件的类型。

除了鼠标点击事件,还有很多其他类型的事件可以使用 event.type 属性来获取,例如:

$(document).on("keydown", function(event) {
  console.log(event.type); // 输出 "keydown"
});

$("input").on("change", function() {
  console.log(event.type); // 输出 "change"
});

需要注意的是,在监听器函数中,参数名必须为 event,否则无法获取事件的类型。