JavaScript 和 jQuery 中“mousedown”事件的用法

Question

jQuery

mousedown

方法有什么区别：

$(document).mousedown(callback);

以及

mousedown

事件的用法：

document.addEventListener('mousedown', callback, false);

Answer 1

$(document)

是一个 jQuery 对象，而

document

是一个 DOM 对象。

jQuery 允许您仅在加载 jQuery 后使用 $() 语法将文档作为 jQuery 对象进行交互。如果未加载 jQuery，则无法将其视为 jQuery 对象，因为未定义该类型的对象。

单独使用

document

可以做很多事情，其中主要是 HTML 和 javascript，但如果你想要 jQuery 功能，则必须包含它。

可以在

这里

找到很棒的

document

与$(document)底漆。

回答粗体问题（如何使用纯 JavaScript 实现 jQuery $(document) 对象？）：

您必须用 JavaScript 重写 jQuery 函数。这不值得付出努力，但绝对有可能。

并且，解决编辑问题：

<script language="javascript">
    document.onmousedown = myMouseDownHandler;

    function myMouseDownHandler() {
      alert("A mouse down event took place within the document!");
    }
</script>

正如@cookie_monster提到的，如果你想使用

document.addEventListener()

，请使用

mousedown

而不是

onMouseDown

；没有“on”，也没有特殊的大写。

jsFiddle