javascript - How to interact with element underneath? -

-

i come across problem can't interacte elements covered other elements recently. here below code:

          var data = [ [40, "blue"], [80, "red"] ];    var g = d3.select("#container").append("svg")    .attr({      width: 300,      height: 300,    })    .style("border", "1px solid #ccc")    .append("g")    .attr("transform", "translate(150,150)");    g.selectall("circle").data(data)    .enter()    .append("circle")    .attr({      r: function(d){ return d[0]; },      fill: function(d){ return d[1]; },      "fill-opacity": 0.5    })    .on("mouseenter", onmouseenter)    .on("mouseleave", onmouseleave)    .on("mousemove",  onmousemove)    .on("mouseover",  onmouseover)    .on("mouseout",   onmouseout);    function onmouseenter(d){    console.log(d[1] + ": mouse enter");  }  function onmouseleave(d){    console.log(d[1] + ": mouse leave");  }  function onmousemove(d){    console.log(d[1] + ": mouse move");  }  function onmouseover(d){    console.log(d[1] + ": mouse over");  }  function onmouseout(d){    console.log(d[1] + ": mouse out");  }    
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>    <div id="container"></div>

enter image description here

no matter mouse events delegated on blue circle, can't receive responds, because covered big red circle.

finally idea delegating mousemove event on "g" element(circles' parent node) , dectecting circle closest one, something. question is there smart way interate elements underneath?


Comments

Post a Comment

Popular posts from this blog

ios - MKAnnotationView layer is not of expected type: MKLayer -

-
Image
so code works fine logger riddled message. there way rid of or suppress it? postannotation.swift class postannotation: mkpointannotation { //mark: properties let post: post //mark: initialization init(post: post) { self.post = post super.init() self.coordinate = cllocationcoordinate2d(latitude: post.latitude, longitude: post.longitude) self.title = post.title self.subtitle = post.timestring() } } adding annotation let annotation = postannotation(post: post) self.map.addannotation(annotation) func mapview func mapview(_ mapview: mkmapview, viewfor annotation: mkannotation) -> mkannotationview? { if annotation mkuserlocation { return nil } var annotationview = mapview.dequeuereusableannotationview(withidentifier: "pin") as? mkpinannotationview if annotationview == nil { annotationview = mkpinannotationview(annotation: annotation, reuseidentifier: "pin")
Read more

ZeroMQ on Windows, with Qt Creator -

-
i have installed zmq link given below on windows 7. http://zeromq.org/distro:microsoft-windows 1) have c++ project in qt-creator , i'm using zmq c++ binding (zhelpers.hpp etc). 2) have added .lib installed zmq folder qtcreator 3) while compiling, compiler looks _imp__zmq_verion, in .dll files present in .lib have __imp_zmq_version. 4) causing undefined reference zmq_version. anyone else faced problem , has solution ?
Read more

unity3d - Unity SceneManager.LoadScene quits application -

-
i have 2 different scenes 1 named 'main' , other 'game' both added scenes in load. when use scenemanager.loadscene("game"); works no problem when tried return main scene code if (input.getkeydown (keycode.escape)) { scenemanager.loadscene("main"); } strangely game quits. thanks. sorry interruption. somewhere on other script found code. if (input.getkeydown (keycode.escape)) { application.quit (); } that's bad, know...
Read more