mousedown和window.mousedown之间的区别

时间:2014-07-18 18:26:56

标签: dom

他们之间有什么区别? Devdocs说mousedown是dom 3级事件的一部分(不完全确定这意味着什么)但是windows.mousedown是devdocs上的一个单独的页面。这两者有什么不同吗?

1 个答案:

答案 0 :(得分:1)

window是一个对象。对象包含信息(值)。对象中的值格式化为name:value对,或通常称为key:valueproperty:value。如果你在JavaScript代码{}中看到大括号,那就是一个对象。如果您将某些内容记录到Web浏览器窗口console.log("some text" + myVariable);并查看[object Object],那么myVariable就是一个对象。您可以使用property:value向对象添加objName.property = value对。 window是一个对象。它是一个带有浏览器窗口值的对象。将函数分配给window.somename时:

window.mousedown = function() {statements here;}

这就是将函数放入window对象中。对象可以包含各种东西:其他对象,数组,值,甚至函数。为了更全面的理解,我解释了一些背景信息。

以下是Mozilla关于功能和功能范围的一些文档:

Functions and Scope Mozilla

还有 ON mousedown

window.onmousedown

是onmousedown事件的事件处理程序。

Window.onmousedown event handler

可以为一个事件分配一个功能。

window.onmousedown会在文档中检测到任何地方的鼠标停止事件。如果要检测特定于某个元素的鼠标按下事件,您可能会将其放入按钮,图像或输入标记中。

<label onmousedown='fncSendMail()'>

示例:

<script>
  window.onmousedown = mousedown;

  function mousedown() {
    alert("mousedown event detected!");
  };
</script>

<p>click anywhere to fire the mousedown event</p>

在上面的例子中,onmousedownmousedown是两回事。 onmousedown是一个事件。 mousedown是函数的名称。

那么,mousedownwindow.mousedown之间的区别是什么? window.mousedown作为property:value对添加到您的浏览器window对象,mousedown不是

DOM是文档对象模型。它允许操纵Document(您的网页。)DOM是一个API。它是一个界面,这意味着它介于您的代码和HTML之间,允许两者之间的连接。 Document Object Model Level 3

DOM mouseup W3.org

DOM mouse events