问题标签 [dom-events]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
8553 浏览

javascript - 在 WebKit 浏览器中捕获“Escape”按键

我有一个对话框出现,我希望当你escape按键时它再次被隐藏。

在 IE、Firefox、Opera 中一切正常 - 代码document.onkeypress在显示框时注册一个事件处理程序,然后测试事件 keyCode 以查看它是否是转义键(keyCode 27),但这看起来不起作用在基于 WebKit 的浏览器(Chrome 和 Safari (3))中,尽管可以通过这种方式捕获其他键。

当按下转义键时,WebKit 浏览器是否根本不触发事件?

有谁知道为什么这不起作用,如何解决它,或者知道解决方法。

0 投票
5 回答
20934 浏览

javascript - 嵌入元素的加载事件

如果我为嵌入式对象做一个在线onload活动,那似乎可行,但我似乎无法让load活动通过addEventListener. 这是预期的吗?

0 投票
2 回答
15888 浏览

javascript - JavaScript OnBlur 事件阻止提交 HTML 表单

考虑以下形式:

当焦点位于名称为“x”的元素上并且用户按下提交按钮时,将onblur触发事件但未提交表单。如果我的表单中有onblur 事件,有什么方法可以使提交按钮按预期工作?

0 投票
5 回答
8525 浏览

javascript - 具有单个文本字段的 HTML 表单 + 防止 Internet Explorer 中的回发

我注意到 IE 中有一个相当奇怪的行为。

我有一个带有单个输入文本字段和一个提交按钮的 HTML 表单

在提交单击时,我需要执行一个客户端 JavaScript 函数来执行必要的操作。

现在,当我想阻止文本字段中的回发时(按回车键)。

我添加了一个按键 JavaScript 函数,如下所示:

奇怪的是,这不起作用。


但是如果我将文本字段传递给函数:

我能够防止回发。

谁能确认这里到底发生了什么?

HTML 表单只有一个文本框和一个提交按钮。

提交时执行的 JavaScript 函数的结果输出显示在单独 div 的 HTML 文本区域中。

0 投票
5 回答
176136 浏览

javascript - 当元素失去焦点时运行 JavaScript

我有一个标准的 HTML 输入,我想在它失去焦点时运行 JavaScript 代码。可悲的是,我的谷歌搜索没有揭示如何做到这一点。

为了清楚起见,我正在寻找一种方法来做到这一点:

0 投票
4 回答
1154 浏览

javascript - 测量仅加载某些页面元素的时间

我们使用Jiffy的修改版本来测量实际的客户端性能。

我们做的最重要的事情是测量从收到请求到在浏览器中触发页面加载事件之间的时间。

在某些页面上,我们有iframe指向我们无法控制的外部站点的元素——它们有时需要很长时间才能加载。目前,我们页面的页面加载事件仅在iframe完全加载后才会触发(并且它自己的加载事件会触发)。

我想将这些测量分开 - 在iframe加载所有内容(包括.iframeiframe

到目前为止,我设法做到这一点的唯一方法是iframe在页面加载事件之后将 DOM 添加到 DOM 中,但这会延迟 iframe 的加载。

有任何想法吗?

编辑:赏金结束,感谢您的帮助和想法!我选择了 Jed 的答案,因为它给了我一个新想法——开始加载 iframe,但“暂停”它们,这样它们就不会影响页面加载(通过临时设置src="about:blank")。我将尝试添加更详细的结果摘要。

0 投票
2 回答
223 浏览

javascript - 如何从调用的函数中引用包含事件的元素?

如何从fireAlert()函数内部引用调用它的元素,而不必this通过链接作为参数传递?

0 投票
6 回答
102249 浏览

javascript - 如何清除/删除 JavaScript 事件处理程序?

给定以下 HTML 片段:

我需要删除/清除 onsubmit 事件的处理程序,并使用 jQuery 或任何其他类型的 JavaScript 使用注册我自己的处理程序。

0 投票
26 回答
1959803 浏览

javascript - 如何在页面加载后执行 JavaScript?

<script>我正在使用inside执行外部脚本<head>

现在,由于脚本在页面加载之前执行,因此我无法访问<body>,除其他外。我想在文档“加载”后执行一些 JavaScript(HTML 完全下载并在 RAM 中)。当我的脚本执行时,是否有任何可以在页面加载时触发的事件?

0 投票
7 回答
113288 浏览

javascript - 如何以编程方式单击 JavaScript 中的元素?

在 IE 中,我只能element.click()从 JavaScript 调用——如何在 Firefox 中完成相同的任务?理想情况下,我希望有一些可以在跨浏览器上同样运行良好的 JavaScript,但如有必要,我将为此使用不同的每个浏览器 JavaScript。