Question

所以我喜欢这样的div：

------------------
------------------
------------------
------------------

可以使用javascript或jquery以及而不使用任何aditional标记来检测用户何时超过此区域10px

----------------的 -
----------------的 -
----------------的 -
----------------的 -

我知道如何使用aditional标签制作它，但我想知道是否有更好的选择，仅使用javascript。

Answer 1

您可以在JavaScript中附加事件处理程序，而无需任何其他标记。例如，如果您有这样的DIV：

<div id="xdiv" style="width:100px; height:100px; border: solid 1px black" />

在纯JavaScript中，您可以附加onmousemove，如下所示：

document.getElementById("xdiv").onmousemove = function(e) {
    var evt = e || event;

    if (this.offsetWidth - evt.offsetX > 10) {
        this.style.backgroundColor = "red"
    } else {
        this.style.backgroundColor = "green"
    }
}

当您将鼠标移到DIV上时，如果您在右侧10px内移动，它将变为绿色。否则它会变红。

现场演示：http://jsfiddle.net/25SXW/3/

使用jQuery检测10px div中的鼠标悬停

1 个答案: