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

时间:2014-06-17 16:48:00

标签: javascript jquery events object javascript-events

有什么区别:

$(document).mousedown( someFunction );

和...

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

1 个答案:

答案 0 :(得分:5)

$(document)是一个jQuery对象,而document是一个DOM对象。

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

单独使用document,HTML和javascript主要可以做很多事情,但如果你想要jQuery功能,你必须包含它。

可以找到精彩的document$(document)引物here

以粗体回答问题(如何使用纯JavaScript实现jQuery $(文档)对象?):

你必须在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;没有&#34; on&#34;没有特殊的资本化。

jsFiddle