Question

我需要制作一个div，以便当光标悬停在它上面然后我可以检测到它（使用javascript）但是我想让它可以让你点击div到下面的元素。有没有办法做到这一点？

由于

Answer 1

修改据我所知，通过我的快速搜索，我不相信你能够做到这一点，如果你能做到这一点并不容易，或者我认为不太实际。

<强>旧

使用jQuery：

$(document).ready(function(){ $("body").on("hover", "div", function(){ //do whatever you want on hover }); $("body").on("click", "div .child-class", function(){ //do whatever on click }); });

如果这不能回答你的问题而做你想做的事，请告诉我更具体的原因。

Answer 2

根据您的问题，有多种解决方案。我将从一些假设开始： 1.您是该页面的所有者（您知道那里发生了什么）; 2.您知道点击元素下面的元素。

对于这种情况，请检查以下代码：

//function executed when you click on element with id: beneath
function clickOnBeneath() {
    alert("beneath click");
}

//function executed when you click on element with id: above
function clickOnAbove() {
    var beneathEl;
    beneathEl = document.getElementById("beneath");
    beneathEl.click();
}

//attach click event on element with id: above and beneath
function attachClickOnElements() {
    var aboveEl,
        beneathEl;
    aboveEl = document.getElementById("above");
    aboveEl.addEventListener("click", clickOnAbove, false);
    beneathEl = document.getElementById("beneath");
    beneathEl.addEventListener("click", clickOnBeneath, false);
}

attachClickOnElements();

以及工作示例：http://jsfiddle.net/darkyndy/xRupb/

如果你不知道它下面是什么元素，那么我将尝试找到一些代码，因为我写了几年这样的东西，作为起点你可以检查 getClientRects（） HTML元素上可用的函数（文档：https://developer.mozilla.org/en-US/docs/DOM/element.getClientRects）

如何进行div点击，但可以悬停？

2 个答案: