Apply multi-event do same function on same element

Asked Jul 28 '17 at 13:48

Active Apr 28 '21 at 21:29

Viewed 70 times

button.onclick = function () {console.log("done");}; 
button.ondblclick = function () {console.log("done");};

If I want to decrease these lines and make them do the same function without any duplication, how can I do so?

I have a way:

function print ()
{
    console.log("click");
}

button.onclick = print;
button.ondblclick = print;

But I don't want to duplicate the calling of the function. I was thinking something like this:

if (button.onclick == True  || button.ondblclick == True)
{
  console.log("done");
}

Can this be done?

edited Apr 28 '21 at 21:29

asked Jul 28 '17 at 13:48

Mahmoud

`button.onclick = button.ondblclick = print` – Andrew Li Jul 28 '17 at 13:50
You can but you can't avoid triggering click event on doubleclick. – serdar.sanri Jul 28 '17 at 13:51
dbl click will trigger the function 3 times. 2 times for each click and 1 time for dbl click – Sagar V Jul 28 '17 at 13:54
@AndrewLi how does your suggestion or the dupe address not duplicating the action? it's essentially the same thing the op says doesn't work – aw04 Jul 28 '17 at 13:58
https://stackoverflow.com/questions/1546040/how-to-use-both-onclick-and-ondblclick-on-an-element – Johan Karlsson Jul 28 '17 at 13:58
if anything, question pointed out by @JohanKarlsson should be the duplicate – aw04 Jul 28 '17 at 14:00
I wasn't care about onclick and ondblclick for precise, I meant any 2 events whatever they are but you opened my mind to new information, many thanks – Mahmoud Jul 28 '17 at 15:21

0 Answers0