Javascript removing Event and adding Event

Question

I try to disable an onclick event and bring it back. Disable it works fine with:

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

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

but it doesn't come back:

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

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

brk · Accepted Answer · 2018-07-05 15:11:49Z

2

Change document.getElementById("rob_icon_gui").onclick = 'robbery()'; to

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

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

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

<button id='rob_icon_gui'>Click</button>

answered Jul 5, 2018 at 15:11

brk

50.3k10 gold badges59 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Other way is to use .addEventListener('click', robbery) and .removeEventListener('click')

M.Nabeel · Accepted Answer · 2018-07-05 15:15:16Z

1

Your html

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

You script

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

You can bind your click event like this

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

and you can unbind click event as well

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

answered Jul 5, 2018 at 15:15

M.Nabeel

1,0668 silver badges19 bronze badges