网页中点击按钮所执行的js如何获取？

Question

按钮的点击动作我想关联到其他事件上（div的空白位置双击）

这个按钮就是Firefox 的RSS扩展 Bamboo的预览关闭按钮“X”。

谢谢隔位。

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在JavaScript中，你可以使用addEventListener()方法来监听页面上的事件。在这个例子中，你想要监听的是用户单击按钮的行为。以下是如何实现这一点的步骤：

1. 首先，在你的HTML文件中添加一个按钮元素：

<button id="myButton">Click me</button>

1. 接下来，在JavaScript中，你需要为这个按钮添加一个点击事件处理程序。这可以通过调用document.getElementById("myButton").addEventListener("click", function() { ... })来完成。这里的"click"是事件类型，而function() {...}是一个函数，当按钮被点击时会运行。

2. 为了确保这个行为可以与另一个元素（比如<div>）结合在一起，你应该在按钮和要绑定到的元素之间创建一个新的事件代理。你可以这样做：

   • 在HTML中添加一个空的<div>元素：

     <div id="emptyDiv"></div>
     

   • 在JavaScript中，为按钮添加一个事件代理：

     document.getElementById("myButton").addEventListener("click", function() {
         // 执行操作
         emptyDiv.innerHTML = "You clicked the button!";
     }, false);
     

   • 然后，为<div>元素添加一个事件处理器以响应点击：

     document.getElementById("emptyDiv").addEventListener("dblclick", function() {
         // 执行额外的操作
         console.log("Double click detected");
     });
     

以上代码将使用户单击按钮时触发一个弹出窗口，并且在按下两次按钮时触发一个额外的事件处理程序。