javascript - 删除或覆盖 .onclick = function(){}

Question

我现在是活跃开发人员的网站使用外部加载的脚本。它包含 DOM 中给定元素的事件监听器。该事件由以下示例触发

document.getElementById('my_id').onclick = function() { /*code*/ }

我已尝试使用以下示例来删除监听器，但无济于事。

document.getElementById('my_id').onclick = ''
document.getElementById('my_id').addEventListener('click', function(e){ /*code*/ })
document.getElementById('my_id').removeEventListener("click")

我无法控制此外部代码，但需要停止其行为。目前我的尝试失败了，我正在尝试找出原因

Answer 1

只需分配一个空函数，如下所示:

document.querySelector('#main').onclick = () => {}

和工作版本

document.querySelector('#main').onclick = () => console.log('clicked')
document.querySelector('#remove').onclick = () => document.querySelector('#main').onclick = () => {}

<button id="main">Click me</button>
<button id="remove">Remove the listener</button>