Javascript删除事件并添加事件

【问题标题】：Javascript removing Event and adding EventJavascript删除事件并添加事件
【发布时间】：2018-07-05 15:10:51
【问题描述】：

我尝试禁用onclick 事件并将其恢复。禁用它可以正常工作：

 <div id="rob_icon_gui" onclick="robbery()"</div>

function bye() {
document.getElementById("rob_icon_gui").onclick = '';
}

但它没有回来：

 <div id="rob_icon_gui" onclick="robbery()"</div>

function hallo() {
document.getElementById("rob_icon_gui").onclick = 'robbery()';
}

【问题讨论】：

【解决方案1】：

将document.getElementById("rob_icon_gui").onclick = 'robbery()';改为

document.getElementById("rob_icon_gui").onclick = robbery;

function robbery() {
  console.log('Executing Robbery')
}

document.getElementById("rob_icon_gui").onclick = robbery;

&lt;button id='rob_icon_gui'&gt;Click&lt;/button&gt;

【讨论】：

【解决方案2】：

你的html

<div id="rob_icon_gui clickablediv"</div>

你的脚本

var handler = function() {
  alert( "The quick brown fox jumps over the lazy dog." );
};

你可以像这样绑定你的点击事件

$('.clickablediv').bind('click',handler);

你也可以解绑点击事件

$('.clickablediv').unbind('click',handler);

【讨论】：