JavaScript 中的 标签点击事件43
JavaScript 中的
("myAnchor").addEventListener("click", function(event) {
// 阻止导航到链接
();
// 显示模态窗口
showModal("这是一个模态窗口!");
});
```
在此示例中:* 当点击 "" 链接时,事件处理程序会阻止默认操作(导航到链接)。
* 它随后调用 showModal() 函数,该函数创建并显示一个模态窗口,显示 "这是一个模态窗口!" 消息。
最佳实践* 为每个 标签使用唯一的 ID,以方便事件处理程序的添加。 2024-11-07
* 避免在事件处理程序中使用全局变量,因为这可能导致冲突和其他问题。
* 考虑使用事件委派来提高性能,尤其是在处理大量 标签时。
* 优化事件处理程序代码以避免不必要的计算和延迟。