programe_事件操作函数

【programe_事件操作函数】

1、事件监听函数

功能：用于监听指定元素的特定事件，当事件触发时执行相应的处理函数。

语法：element.addEventListener(event, function, useCapture)

参数：

event (字符串)：需要监听的事件类型（如 "click"、"mousedown" 等）。

function (函数)：事件触发时执行的处理函数。

useCapture (布尔值)：可选参数，表示是否在捕获阶段执行事件处理函数，默认为 false。

2、事件移除函数

功能：用于移除指定元素上的特定事件监听。

语法：element.removeEventListener(event, function, useCapture)

参数：

event (字符串)：需要移除的事件类型（如 "click"、"mousedown" 等）。

function (函数)：需要移除的事件处理函数。

useCapture (布尔值)：可选参数，表示是否在捕获阶段执行事件处理函数，默认为 false。

3、事件阻止默认行为函数

功能：用于阻止事件的默认行为（如链接跳转、表单提交等）。

语法：event.preventDefault()

参数：无

4、事件停止冒泡函数

功能：用于阻止事件向上冒泡到父元素。

语法：event.stopPropagation()

参数：无

5、事件对象属性

target：触发事件的元素。

type：事件类型（如 "click"、"mousedown" 等）。

timeStamp：事件发生的时间戳。

bubbles：表示事件是否冒泡，布尔值。

cancelable：表示事件是否可以取消，布尔值。

currentTarget：当前正在处理事件的元素。

relatedTarget：与事件相关的其他元素（如鼠标移入移出事件的目标元素）。

6、自定义事件

功能：创建并触发自定义事件。

语法：

创建事件：var event = new Event(eventName);

触发事件：element.dispatchEvent(event);

参数：

eventName (字符串)：自定义事件的名称。

element (元素)：需要触发事件的元素。