使用纯JavaScript将onmousedown事件添加到文档中？

Question

有什么区别:

$(document).mousedown( someFunction );

和...

document.addEventListener('mousedown', someFunction, 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; 没有"开",没有特殊的资本化.

的jsfiddle