dom-events相关内容

有没有办法用Javascript跟踪标签的焦点?

我们需要跟踪用户在网站上的有效时间 大多数用户在完成后会保持标签页处于打开状态并移至另一个标签页 现场时间非常不准确 是否有 Javascript 事件来跟踪当前选项卡的“失去焦点"? 解决方案 这应该适用于标签切换和浏览器窗口失去焦点: 函数 onBlur() {document.body.className = '模糊';};函数 onFocus(){document.bo ..

发布时间：2022-01-15 11:43:50 javascript google-analytics event-handling analytics dom-events 前端开发

什么是“事件发射器"?

浏览 http://microjs.com，我看到很多标有“事件发射器"的库.我喜欢认为我非常了解 Javascript 语言的基础知识，但我真的不知道“事件发射器"是什么或做什么. 有人愿意给我解惑吗?听起来很有趣…… 解决方案 它触发一个 事件 任何人都可以收听.不同的库提供不同的实现和不同的目的，但基本思想是提供一个框架来发布事件和订阅它们. 来自 jQuery 的示例: ..

发布时间：2022-01-15 11:42:06 javascript events event-handling dom-events 前端开发

将事件侦听器添加到在新窗口中打开的文档中

是否有任何事情阻止我将事件侦听器添加到由 window.open() 调用产生的窗口中? 我正在尝试设置一个处理函数，以便在新文档的可见性更改事件上触发，但该处理函数没有被调用. 解决方案 没有什么可以阻止你这样做(只要你打开的窗口与父/打开器窗口在同一个域中；只是想象一下，如果不是这种情况，恶意的人会做什么).一旦你有了那个新窗口的 window 对象，你就可以对它做任何你想做的事 ..

发布时间：2022-01-15 11:38:03 javascript event-handling dom-events visibility 前端开发

等待 document.body 存在

我编写了一个 Chrome 扩展程序，可以在页面加载之前运行(使用属性 “run_at":“document_start").问题是我想在创建后立即将 div 标记添加到网页正文.在那之前 document.body 是空的，所以我不能给它附加标签. 我不在乎身体的满负荷，我只需要它存在. 我正在尝试找到在创建 html 中的 body 标记(未完全加载，只是创建)时发出警报的最佳方法 ..

发布时间：2022-01-15 11:33:19 javascript html css event-handling dom-events 前端开发

如何跟踪或调试所有可用的 JavaScript 事件

如何跟踪网页的所有 Javascript 事件? 是否有可能跟踪所有事件，即使没有附加处理程序? 是否有任何工具可以做到这一点? 澄清: 例如: 对于文本输入，我可以为 onblur 和 onchange 添加事件处理程序. 如果我(在浏览器中)更改文本字段的值并保留它，则两个事件处理程序都会执行.现在我想知道我“错过了"哪些其他活动?(如果附加了事件处理程序就 ..

发布时间：2022-01-15 11:31:49 javascript debugging event-handling dom-events 前端开发

事件是回调链中随处可访问的全局变量吗?

我只是在玩弄 DOM 和 Javascript 的事件侦听器，并确实注意到了这一点: 函数链式(msg) {控制台.log(味精，事件)；}函数 onClick() {chained('身体被点击');}document.body.addEventListener('click', onClick); 现在有趣的是......这将输出: “身体被点击，(MouseEvent)" 那 ..

发布时间：2022-01-15 11:29:46 javascript inheritance scope event-handling dom-events 前端开发

实现 jQuery 的“live"带有本机 Javascript 的活页夹

我试图弄清楚如何将事件绑定到动态创建的元素.即使在元素被销毁和重新生成后，我也需要该事件在元素上持续存在. 显然使用 jQuery 的 live 函数很容易，但是使用原生 Javascript 实现它们会是什么样子? 解决方案 这是一个简单的例子: 函数 live(eventType, elementId, cb) {document.addEventListener(eventT ..

发布时间：2022-01-15 11:24:19 javascript jquery event-handling dom-events 前端开发

处理“onclick"纯 JavaScript 事件

这真的很简单，但我对 JavaScript 还是很陌生，只是发现了 JSFiddle.我正在尝试使用 getElementById() 查找元素以禁用和启用按钮.我错过了什么? 这是我用来添加复选框的列表，因为会有多个: var basicList = {'项目': {}，'modifyAndEnableButton':函数(obj1){var element = document.g ..

发布时间：2022-01-15 11:23:04 javascript html events event-handling dom-events 前端开发

捕获点击围绕 iframe 的 div

如何在 iframe 周围的 div 上捕获 click 或 mousedown 事件.我尝试将函数附加到 div 上的单击事件，但由于 iframe 永远不会将事件冒泡到周围的 div，因此永远不会调用该函数.有没有办法可以捕获 div 上的事件，然后将其传播到 iframe 以进行默认操作? 解决方案 如果点击在 iframe 区域，iframe 上下文处理点击事件，它不会冒泡到 if ..

发布时间：2022-01-15 11:17:52 javascript event-handling dom-events event-bubbling 前端开发

处理 js 中的 URL 锚点更改事件

如何编写将在 URL 锚点发生任何更改时执行的 JavaScript 回调代码? 例如从 http://example.com#a 到 http://example.com#b 解决方案 Google 自定义搜索引擎使用计时器检查哈希值是否与之前的值相匹配，而单独域上的子 iframe 会更新父级的位置哈希以包含大小iframe 文档的正文.当计时器捕捉到变化时，父级可以调整 ifr ..

发布时间：2022-01-15 11:16:22 javascript event-handling dom-events fragment-identifier hashchange 前端开发

DOM 事件优先级

在 JavaScript 中处理事件的优先顺序是什么? 这里是按字母顺序排列的事件... onabort - 加载图像中断 onblur - 元素失去焦点 onchange - 用户更改字段内容 onclick - 鼠标点击一个对象 ondblclick - 鼠标双击一个对象 onerror - 发生错误时加载文档或图像 onfocus - 元素获得焦点 onkeydow ..

发布时间：2022-01-15 11:14:24 javascript event-handling dom-events eventqueue 前端开发

Vanilla JavaScript 中的事件处理程序命名空间

我熟悉 jQuery 事件处理程序中的命名空间.我可以在特定命名空间中添加事件处理程序: $('#id').on('click.namespace', _handlerFunction); 然后我可以删除该命名空间中的所有事件处理程序: $('#id').off('.namespace'); 这里的好处是我只能删除这个命名空间中的事件，而不是任何应该维护的用户添加/附加事件. 有没有 ..

发布时间：2022-01-14 23:19:21 javascript namespaces dom-events 前端开发

Ionic 2 事件，发布和订阅不起作用

我正在尝试使用 Publish 和 Subscribe from ionic-angular 但我没有收到任何数据或错误.这是我的代码 第 1 页 从 'ionic-angular' 导入 {Events}静态获取参数(){返回[[事件]]；}构造函数(事件){this.events = 事件；this.events.publish("Msg", "Hello World");} ..

发布时间：2022-01-13 20:15:50 angularjs angular ionic-framework ionic2 dom-events 其他开发

如何捕获 Enter 按键?

在我的 HTML 页面中，我有一个文本框供用户输入关键字进行搜索.当他们点击搜索按钮时，JavaScript 函数将生成一个 URL 并在新窗口中运行. 当用户用鼠标点击搜索按钮时，JavaScript函数正常工作，但当用户按下ENTER键时没有响应. 函数搜索(){var keywordsStr = document.getElementById('keywords').value;va ..

发布时间：2022-01-13 10:55:46 javascript textbox keypress dom-events onkeypress 前端开发

在移动设备上使用 mootools 拖动

有没有办法让 mootools 类“拖动"在 Safari 移动设备上工作?请不要将我链接到其他框架. 解决方案 这是我让 Mootools Drag 支持触摸事件的解决方案.这种方法不需要我编辑 mootools 更多文件，因为我使用了 Class.refactor(仅使用 Mootools v.1.3.1 测试过)——它也不会破坏通常的点击事件 Class.refactor(Drag ..

发布时间：2022-01-11 21:14:19 javascript drag-and-drop mobile-safari dom-events mootools 前端开发

拖放的最佳轻量级解决方案是什么?

我非常喜欢并使用 jQuery，但我希望为特殊项目找到替代解决方案. 我正在创建一个书签，它将与我的应用程序交互，以允许用户更快地输入信息.目前我的应用程序中最大的痛苦之一是上传图像.用户(可以理解)讨厌以有组织的方式将图像下载到他们的计算机，然后将它们上传到应用程序的过程. 我希望小书签做的是加载一个小的 div 叠加层，其中包含几个小控件，包括一个允许用户将图像从当前页面拖放到控件 ..

发布时间：2022-01-11 20:48:29 javascript drag-and-drop dom-events draggable 前端开发

除非处理了拖动，否则 HTML5 放置事件不起作用

我正在监听 drop 事件并执行 e.preventDefault() 但它试图打开删除的文件.直到昨天它工作正常.但就在今天，它不知什么原因坏了.我做了一个 JsFiddle#bwquR/10 来反映相同的. 编辑: 看起来如果你不采取 dragover 事件 drop 是无法处理的.即使在小提琴中如果您评论 dragover 它将无法正常工作. 在实际工作中我错过了 dragov ..

发布时间：2022-01-11 20:28:38 javascript html google-chrome drag-and-drop dom-events 前端开发

拖动子元素时触发父元素的“dragleave"

概述 我有以下 HTML 结构，我已将 dragenter 和 dragleave 事件附加到 元素. 这是一些文字 这是一个包含文本和图像的容器 ..

发布时间：2022-01-11 20:23:24 jquery html file-upload drag-and-drop dom-events 前端开发

如何断言使用茉莉花点击事件调用间谍?

我正在编写一个简单的点击处理程序，需要传入事件(像这样) 事物 = 函数($){var MyObject = 函数(选择){this.opts = 选择；};MyObject.prototype.createSomething = function(){var that = this;$('#some_dom_element').live('click', function(e) {那.doSt ..

发布时间：2022-01-11 18:39:48 javascript jasmine dom-events jasmine-jquery 前端开发

是否可以以编程方式触发 onbeforeunload 事件?

我目前正在使用 jquery-form-observe 插件使用 onbeforeunload 提示用户有关“未保存"的更改. 但是我有一个场景，我需要在单击按钮时触发它:按钮单击最终会导致页面更改，但我想在用户开始按钮单击开始的过程之前提示他们... 那么有没有办法通过jQuery或其他方式触发onb​​eforeunload? 解决方案 我不知道是否有直接的方法可以做到这一 ..

发布时间：2022-01-11 12:56:17 javascript jquery jquery-plugins dom-events 前端开发