草庐IT

dragBehavior

全部标签

javascript - 在 d3 中拖动后始终抑制单击事件

单击和拖动事件的解耦在之前的一些问题中讨论过,例如thisone通常,建议在点击处理程序中使用if(d3.event.defaultPrevented===false){...}。但是,如果mouseup和mousedown不在同一个元素中,这似乎不起作用(至少在某些浏览器中)。Considerthisjsfiddle(下面的代码)。这是我想要的行为:单击SVG中的任意位置触发单击事件(矩形闪烁),拖动SVG中的任意位置拖动矩形。观察到的行为(Chrome33):如果单击的mousedown在矩形内部,而mouseup在外部,则拖动和单击事件都会触发。如果mousedown和mouse