ArcGIS API for JavaScript中设置了一个按钮var btnQuery2 = document.getElementById("doQuery2"); btnQuery2.addEventListener("click", function() {},如何实现再定义一个按钮,单击后上述按钮的功能不再可用,请给出相应代码
时间: 2024-03-13 22:42:55 浏览: 45
ArcGis-for-javaScript最全中文API.pdf
5星 · 资源好评率100%
可以通过移除EventListener的方式来实现。具体代码如下:
```javascript
// 获取按钮元素
var btnQuery2 = document.getElementById("doQuery2");
// 定义新的按钮元素
var disableBtn = document.getElementById("disableBtn");
// 点击disableBtn按钮后,移除btnQuery2的click事件监听
disableBtn.addEventListener("click", function() {
btnQuery2.removeEventListener("click", queryFunction);
});
// 定义btnQuery2按钮的click事件监听函数
function queryFunction() {
// 查询相关代码
}
// 给btnQuery2按钮添加click事件监听
btnQuery2.addEventListener("click", queryFunction);
```
在上述代码中,我们定义了一个新的按钮元素 `disableBtn`,并给它添加了一个点击事件监听。当点击 `disableBtn` 按钮时,我们调用 `btnQuery2` 元素的 `removeEventListener` 方法,移除了它的 `click` 事件监听函数 `queryFunction`,从而实现了禁用 `btnQuery2` 按钮的功能。
阅读全文