dom-events相关内容

是否在按下键时打印该键的名称?

是否可以在按下某个键时获取其名称: field.addEventListener("keydown", keyDown, false); function keyDown(event) { ... } 例如,当按空格键时,我希望获得字符串值:“space”,或沿着这些行的东西。有什么简单的方法可以做到这一点吗?或者我需要一个库。 推荐答案 您可以获取键代码,但不能获取 ..
发布时间:2022-08-28 17:42:01 前端开发

具有onblur监听器的Chrome打包应用程序

Chrome套装应用程序有没有事件监听器来判断该应用程序是否失去了焦点?我正在尝试制作一个游戏,但当我改变焦点时,似乎无法使其暂停。 我尝试了以下几种不同的方法,但似乎都不起作用。 document.onblur = pause; document.addEventListener('blur', pause, false); canvas.onblur = pause; canva ..
发布时间:2022-08-27 19:02:34 前端开发

检测默认事件处理

是否可以检测到特定DOM事件是否绑定了任何事件处理程序(包括浏览器默认事件处理)-在Firefox的Gresemonkey代码中(EcmaScript 5.1 strict mode)? 到目前为止,我成功地在选定文本时取消了单击事件处理,但我想在以下所有情况下取消事件处理单击事件触发默认操作: 选择页面上的文本 显示上下文菜单(即单击鼠标右键) 后面有一个链接(左键单击) ..

使用JavaScript在提交时获取从表单生成的URL

是否可以在激发表单的“Submit”事件时捕获从表单生成的URL? 我知道我可以从数据生成URL 我不是在谈论表单的操作URL 我是指?field=value&other-input-name=value& ...部分 场景: 我们有一个表单和一个向PHP脚本发送AJAX请求的JavaScript脚本。 我通常是这样做的: 注册表单的提交事件 阻止默认行 ..
发布时间:2022-05-26 15:58:50 前端开发

如何在JavaScript中对多个输入字段使用addEventListener来调用KeyUp事件?

我有多个输入字段,我希望通过传递TextBox的ID作为参数对所有这些字段应用onkeyup事件。我想要多个KeyUp事件,因为我想处理一些基于输入ID的计算。我尝试了,但失败了。请提出一些解决方案。 function GetDynamicTextBox(value) { return "" +" ..

在事件委托方面,addEventListener与onClick

我正在学习事件是如何工作的,主要是addEventListener中的事件捕获和冒泡。这article对整体理解很有帮助。 捕获和冒泡定义父元素中事件发生的顺序。据我所知this is important是因为事件委托。并且addEventListener实际上并不为您委派事件,它只是搜索委派的事件,这样做正确吗? 除了事件委派之外,是否还有其他原因搜索DOM层次结构? 当我将DOM ..

检测SPA中的URL更改

我想听取不是由我维护的SPA中的路径更改。 我在这里找到了一个解决方案:https://stackoverflow.com/a/44819548/7042552 但对我来说,它似乎有点老套--但我的实现仍然是这样的: let url = window.location.href; ['click','popstate', 'onload'].forEach( evt => ..
发布时间:2022-04-02 18:47:55 前端开发

Javascript的事件常量?

在Javascript中,我有如下代码: document.addEventListener("mousedown", mouseDownHandler); 偶尔我可能会手指发胖,比如: document.addEventListener("mouzedown", mouseDownHandler); 而且Javascript不会识别我是个白痴,我会弄糊涂为什么我的处理程序不工 ..
发布时间:2022-03-16 17:39:09 前端开发

检测鼠标光标类型切换元素

可以在没有预定义光标样式的情况下获取当前光标类型,例如当鼠标经过文本、链接时。 大概是这样的: document.addEventListener('mouseover', (e) => { console.log(e.'cursorType') }); 我想进入控制台。记录光标的状态,如:指针、文本、移动、等待. 我在jQuery中找到了某种解决方案,但我正在寻找纯香草 ..
发布时间:2022-03-03 20:58:31 前端开发

处理Javascript中的URL片段标识符(锚)更改事件

如何编写将对URL片段标识符(锚点)中的任何更改执行的Javascript回调代码? 例如从http://example.com#a到http://example.com#b 推荐答案 Google Custom Search Engines使用计时器对照先前的值检查散列,而单独域上的子iFrame会更新父iFrame的位置散列,以包含iFrame文档正文的大小。当计时器捕获到更 ..

如何检测位置散列中的更改?

我使用Ajax和哈希进行导航。 有没有办法检查window.location.hash是否像这样更改? http://example.com/blah#123至http://example.com/blah#456 如果我在文档加载时选中它,它会起作用。 但是如果我有基于#hash的导航,那么当我在浏览器上按Back按钮时就不能工作(所以我从blah#456跳到blah#1 ..

window.onload 与 $(document).ready()

JavaScript 的 window.onload 有什么区别 和 jQuery 的 $(document).ready() 方法? 解决方案 ready 事件发生在 HTML 文档加载之后,而 onload 事件发生在后面,当所有内容(例如图像)也已加载时. onload 事件是 DOM 中的标准事件,而 ready 事件是 jQuery 特有的.ready 事件的目的是它应该在 ..
发布时间:2022-01-29 22:43:20 前端开发

从外部触发 Raphael 事件

我的应用程序正在使用 Raphaël 将一组对象拖放到页面上,每个对象都绑定了一个 click 处理程序,当通过 JSON 加载对象时,该处理程序使用附加到对象的数据.一切正常. 我现在正在尝试使用 Cucumber 添加一些测试覆盖率(是的,我知道我应该先构建测试,下次我会这样做).我需要触发对第一个对象的单击以测试该对象的关联页面是否加载.我已经尝试为该对象找到合适的 SVG 路径并针对 ..
发布时间:2022-01-22 23:20:30 前端开发

IE8&IE7 onchange 事件只有在重复选择后才会触发

我有一组带有 onchange 处理程序的收音机: 问题是在 IE8 &IE7,只有反复选择才会触发onchange事件. 请在 IE 的开发者工具 [浏览器模式] IE8 中查看此演示:http://jsfiddle.net/3zwur/2/ 解决方案 这是由于 IE7 和 IE8 的更改事件的错误.您应该改为听 click 事件. 如这张关于怪癖模式的表格所示,rad ..

处理弹出关闭的正确方法

我正在寻找弹出窗口的关闭事件.我找到了一个 用于 XUL,但我需要它用于 HTML. Popup 有 closed 属性. >>>var popup = open('http://example.com/', 'popup', 'height=400,width=500');>>>弹出窗口关闭错误的 好吧,我可以半秒检查一次. 函数 open_popup() {var popup = ..
发布时间:2022-01-20 22:56:34 前端开发

Javascript addEventListener onStateChange 在 IE 中不起作用

我有两个颜色框弹出框,每个框都显示一个 YouTube 视频.当他们完成播放时,我试图让他们自动关闭彩盒窗口.下面的代码在 Firefox 中完美运行,但在 IE 中我无法让 addEventListener 工作.我试过 attachEvent 没有成功.任何人都可以就如何解决这个问题提供任何建议吗?这看起来很简单,但我已经筋疲力尽地试图找到解决方案. 更新 1: 嗯,这是我当前的代 ..
发布时间:2022-01-19 12:04:23 前端开发