Mouse click doesn't work, mousemove does

Question

I try to trigger an event on mouse click but my event never start. First I I didn't select the good area but the mouse event "mousemove" trigger my event. I don't understand how it is possible... Does someone has an explaination or a solution to this problem?

d3.select("#chart").on("mousemove", function(){console.log("this");});
d3.select("#chart").on("click", function(){console.log("that");});

I can see "this" but not "that".

I've found this question but that doesn't solve my problem...

there is a spell mistake `on("clic"`, it should be `on("click"` — Bhushan Kawadkar, Apr 18 '16 at 07:55
Getting help with this is very unlikely, unless you share your code or provide a [mcve] at least. — altocumulus, Apr 18 '16 at 08:54

score 0 · Answer 1 · answered Apr 18 '16 at 07:56

0

You have mistaken the spelling of click, change

d3.select("#chart").on("clic", function(){console.log("that");});

to

d3.select("#chart").on("click", function(){console.log("that");});

answered Apr 18 '16 at 07:56

Bhushan Kawadkar

28,279
5
35
57

can you please reproduce it on jsfiddle and pass the link – Bhushan Kawadkar Apr 18 '16 at 08:13
My code is actually more than 1000 lines long and everything is binded then I don't know what I should pass... – Pierre GUILLAUME Apr 18 '16 at 08:51

score 0 · Answer 2 · answered Apr 18 '16 at 07:58

0

You must use event 'click' ... not 'clic'

answered Apr 18 '16 at 07:58

TonyB

423
4
10

score 0 · Answer 3 · answered Apr 18 '16 at 08:46

0

Show bigger part of your code. I`ve tried here to bind click event and everything works fine: D3.js test click

d3.select('#one').on('click', function(){console.log('Clicked!')})

answered Apr 18 '16 at 08:46

vgoreiko

45
4

Mouse click doesn't work, mousemove does

3 Answers3