当前位置: 首页 > 知识库问答 >
问题:

为什么我的添加事件监听器为空?

闻人宜
2023-03-14

我的addEventListener在我的google开发工具上返回为null,但我不知道为什么。

var sx = document.getElementById('sx');        // Element to hold screenX
var sy = document.getElementById('sy');        // Element to hold screenY
var px = document.getElementById('px');        // Element to hold pageX
var py = document.getElementById('py');        // Element to hold pageY
var cx = document.getElementById('cx');        // Element to hold clientX
var cy = document.getElementById('cy');        // Element to hold clientY

function showPosition(event) {                 // Declare function
sx.value = event.screenX;                    // Update element with screenX
sy.value = event.screenY;                    // Update element with screenY
px.value = event.pageX;                      // Update element with pageX
py.value = event.pageY;                      // Update element with pageY
cx.value = event.clientX;                    // Update element with clientX
cy.value = event.clientY;                    // Update element with clientY
}

var el = document.getElementById('body');      // Get body Element
el.addEventListener('mousemove', showPosition, false); // Move updates  position

共有1个答案

劳烨
2023-03-14

是否有一个元素的id="body"

获取身体元素的更快方法

var x = document.body;
 类似资料:
  • 本文向大家介绍Java添加事件监听器,包括了Java添加事件监听器的使用技巧和注意事项,需要的朋友参考一下 示例 Preferences对象发出的事件有两种:PreferenceChangeEvent和NodeChangeEvent。 PreferenceChangeEvent 每当节点的键值对之一更改时,对象PreferenceChangeEvent就会发出A。可以使用来监听:Propertie

  • 本节,我们将为图像附加事件监听器。在使用Events类时,我们只能为路径附加事件监听器,而画布上绘制的图像不属于路径的范畴,我们可以创建一个覆盖在图像上矩形区域,以便能为这个矩形区域附加事件,其结果就是为图像附加事件监听器。 图6-4 为图像添加事件监听器 操作步骤 按照以下步骤,绘制两个不同图像,并为它们附加mouseover, mouseout, mousedown, 和mouseup事件监听

  • 你可能注意到这种事件监听的方式违背了关注点分离 (separation of concern) 这个长期以来的优良传统。但不必担心,因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上,它不会导致任何维护上的困难。实际上,使用v-on有几个好处: 扫一眼 HTML 模板便能轻松定位在 JavaScript 代码里对应的方法。 因为你无须在 JavaScrip

  • 我试图在程序中使用按键侦听器。我已将此类添加到我的主类中: 但是,我无法将addKeyListener(new CustomKeyListener())方法添加到我的主类中的任何位置。我错过了什么? 根据我之前的问题,我知道它只适用于图形界面。我是否应该添加一些任意形式,这样就可以了? 有人能解释一下这个问题吗?

  • 本文向大家介绍什么是事件监听?相关面试题,主要包含被问及什么是事件监听?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: addEventListener()方法,用于向指定元素添加事件句柄,它可以更简单的控制事件,语法为 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型(如 "click" 或 "mouse

  • 问题内容: 在努力提高渐进式Web应用程序的性能时,我遇到了一项新功能,但我很难理解这一概念。 在我们的项目中有什么以及有什么需要? 问题答案: 被动事件侦听器是一种新兴的网络标准,是Chrome51附带的一项新功能,可极大提高滚动性能。 通过消除滚动以阻止触摸和滚轮事件监听器的需求,它使开发人员可以选择更好的滚动性能。 问题: 所有现代浏览器都具有线程化滚动功能,即使在运行昂贵的JavaScri

  • 本节,我们将进入Events类的重点部分:定义区域,并为它们添加事件监听器。我们将绘制一个三角形,并附加mouseout和mousemove事件,再绘制一个矩形,没有事件监听器,最后绘制一个圆形,并附加mouseover、mouseout、 mousedown和mouseup来测试Events所支持的每一个桌面事件。 图6-2 添加鼠标事件监听器 操作步骤 按照以下步骤,绘制一个三角形、一个矩形和

  • 问题内容: 很多次,我在HTML页面中都看到过这样的链接: 在那里的作用是什么? 另外,我通常不会在按钮中看到它。 在任何地方都指定了吗?在w3.org的某些规格中? 问题答案: 事件处理程序的返回值确定默认浏览器行为是否也应发生。在单击链接的情况下,将在链接之后,但是区别最明显的是表单提交处理程序,如果用户输入信息有误,您可以在其中取消表单提交。 我不相信对此有W3C规范。像这样的所有古代Jav