javascript - 使用 Javascript 检测鼠标点击 div 没有副作用

Question

我想检测何时有人点击 div(本质上我想知道用户何时与我网站上的一段文本进行交互，无论是通过选择一些文本还是点击链接)，但我没有不想干扰用户正在做的事情。

如果我在 div 上放置一个 onmousedown 或 onclick 事件，它最终会破坏选择、链接等。有没有办法在不造成任何干扰的情况下捕获这些事件？

Answer 1

Onmousedown 或 onclick 不应干扰任何东西，只要它不 return false;。

你可以这样做:

document.getElementById("spy-on-me").onmousedown = function () {
    console.log("User moused down");
    return true; // Not needed, as long as you don't return false
};

如果您有其他脚本通过此方法在页面上附加行为，那么为了防止覆盖它们，您可以这样做:

var spyElement = document.getElementById("spy-on-me");
var oldMousedown = spyElement.onmousedown;
spyElement.onmousedown = function () {
    console.log("User moused down");
    if(oldMousedown) oldMousedown();
};