dom-events相关内容

将侦听器添加到通过 XTemplate 创建的 DOM 的正确技术?

我们使用 XTemplates - 很多 XTemplates.它们非常适合显示只读内容.但是您是否曾经向通过模板创建的 DOM 添加(Ext JS)侦听器?您愿意分享创建这些侦听器的首选技术吗? 解决方案 我的首选技术是使用 jquery 中 $.live 函数的模拟.F.i.假设您将使用 xtemplate 创建如下所示的简单列表: ..
发布时间：2021-12-25 18:01:53 前端开发

悬停时如何在chart.js中的特定点添加水平线?

我希望能够添加多个点作为可以显示水平线的参考位置. 这是我想要实现的目标的图像: 我也想让它当你不悬停在一个点上时，它的不透明度会降低，当你悬停在它上面时，不透明度是正常的.我也不确定如何添加方块并在悬停时使方块变大，并添加“哇"文本.感谢您的帮助. 解决方案 您可以使用图表.js 注释插件在特定值绘制水平线，然后您可以实现适当的 onHover 回调(整个图表上的事件)来显示 ..
发布时间：2021-12-25 16:41:37 前端开发

Google Maps Drawing Manager 限制为 1 个多边形

我正在使用 google maps v3 API 创建地图.使用绘图管理器绘制形状.有没有办法在绘制 1 个多边形后禁用多边形按钮?我一直在阅读 API，但找不到多边形开始的任何事件，仅适用于多边形完成. 也许是一种检测绘图模式更改的方法?或删除 google.maps.drawing.OverlayType.POLYGON 但如果当前多边形已被删除，则将其放回去? 解决方案 doc ..
发布时间：2021-12-25 15:11:11 前端开发

检测浏览器窗口是否使用 JavaScript 移动?

这是一个演示......我只是好奇，你能检测到窗口是否被移动了吗?就像您在显示器周围移动 Firefox/Chrome/IE 一样?我对此表示怀疑，但我想看看，因为您可以检查调整大小和焦点/模糊的窗口. 解决方案 我只能想到这个(繁重的)解决方法，在那里你检查 window.screenX 和 window.screenY 每 x 毫秒改变一次 var oldX = window.scr ..
发布时间：2021-12-25 12:01:20 前端开发

JavaScript 中有没有办法监听控制台事件?

我正在尝试在 Javascript 中为未捕获的异常和浏览器警告编写处理程序.所有错误和警告都应发送到服务器以供日后查看. 可以捕获并轻松记录已处理的异常 console.error("错误:..."); 或 console.warn("警告:..."); 因此，如果它们是从 javascript 代码中调用的，则它们没有问题，甚至可以通过这种和平的代码捕获未处理的异常: wind ..
发布时间：2021-12-25 11:56:59 前端开发

是否可以使用 Javascript 捕获浏览器的文件打开/保存对话框事件

使用Javascript可以监听浏览器的文件打开/保存对话框事件.当我收到保存文件对话框现在已打开的通知时，我想执行一个操作.具体来说，我想在对话框打开时隐藏加载微调器(但这很可能是任何其他操作) 我相信我可以为我创建的对话框做到这一点，不确定是否可以为浏览器的标准对话框做到这一点. 对此的任何指示都会非常有帮助. 解决方案 不，没有针对此的事件. ..
发布时间：2021-12-25 11:54:01 前端开发

加载文档时的全屏浏览器窗口

如何在加载页面后全屏浏览器窗口?我在 jQuery 中使用过类似下面的代码，但它只能使用 click 事件；但我希望它可以用于负载. jQuery(document).ready(function($) {功能全屏(){var docElm = document.documentElement;如果(docElm.requestFullscreen){//警报(“请求全屏")；docElm.re ..
发布时间：2021-12-25 11:43:15 前端开发

Javascript 对象中属性值更改的侦听器

浏览 Javascript 文档，我发现 Javascript 对象上的以下两个函数看起来很有趣: .watch - 监视要为属性分配值并在发生时运行函数. .unwatch - 删除使用 watch 方法设置的观察点. 更新:弃用警告 不要使用watch() 和unwatch()！这两个方法仅在 58 版本之前的 Firefox 中实现，它们是在 Firefox 中弃用和删除 5 ..
发布时间：2021-12-25 11:40:49 前端开发

如何使用 JavaScript 获取光标下的单词?

如果我有 一些长文本 在我的 HTML 页面上，我如何知道鼠标光标位于单词“文本"上方? 解决方案 除了其他两个答案之外，您还可以使用 jQuery(或通常的 javascript)将段落拆分为跨度. 这样，您就无需考虑在单词周围输出带有跨度的文本.让您的 javascript 为您完成. 例如 每个单词都会被包裹在一个span中. 这里是第二 ..
发布时间：2021-12-25 11:29:31 前端开发

如何使用Javascript获取滚动条位置?

我正在尝试使用 JavaScript 检测浏览器滚动条的位置，以确定当前视图在页面中的位置.我的猜测是我必须检测轨道上拇指的位置，然后拇指的高度占轨道总高度的百分比.我是否过于复杂了，还是 JavaScript 提供了比这更简单的解决方案?在代码方面有什么想法吗? 解决方案 您可以使用 element.scrollTop 和 element.scrollLeft 分别获取已滚动的垂直和水平 ..
发布时间：2021-12-25 11:28:40 前端开发

JavaScript、浏览器、窗口关闭 - 在窗口关闭时发送 AJAX 请求或运行脚本

我试图找出用户何时离开指定页面.找出他何时使用页面内的链接导航离开没有问题，但我需要标记一些内容，例如他关闭窗口或键入另一个 URL 并按下 Enter 键.第二个不是那么重要，但第一个很重要.那么问题来了: 我如何才能看到用户何时关闭了我的页面(捕获 window.close 事件)，然后...并不重要(我需要发送 AJAX 请求，但如果我可以让它运行警报，我可以做剩下的). 解决方 ..
发布时间：2021-12-25 11:27:32 前端开发

如何在 Chrome 扩展程序中使用给定的字符/键码初始化键盘事件?

我正在开发一个 Google Chrome 扩展程序来模拟网页上的键盘事件. 我发现 event.initKeyboardEvent() 无法正常工作，因为 这个 webkit 错误，我还找到了一些解决方法，例如SO 问题 但是，在事件对象上定义属性不起作用，因为扩展的内容脚本有自己的“并行世界"，因此内容脚本中定义的属性对网页脚本不可见. 我唯一和最后的希望是 DOM 4 事件 ..
发布时间：2021-12-24 11:25:24 前端开发

如何检测 Gmail 中的键盘事件

我正在编写一个浏览器扩展，需要将处理程序附加到所有页面上的 keyup 和 keydown 事件.我可以使用以下内容脚本代码使其正常工作. document.addEventListener(“keydown",keyDown, true);document.addEventListener(“keyup", keyUp, true); 但我无法在 Gmail 中使用它.具体来说，在撰写新电子 ..
发布时间：2021-12-24 11:24:58 前端开发

替代 <input type='file'/> 中的 onchange 事件

看似很简单的事情，却想不通.我一直在 元素上使用 onchange 事件，它运行良好.一旦用户浏览并选择了一个文件，我就会获取路径并使用我的自定义 js 函数上传它. 问题是如果用户连续两次选择同一个文件，这不起作用，onchange 不会触发(这是有道理的，因为没有任何改变)但在我的情况下这很重要让我也捕获该事件，获取路径并上传. (类似于使用j ..
发布时间：2021-12-24 10:59:59 前端开发

通过 Javascript 或控制台全选复选框

我的网页上有 100 个复选框.出于测试目的，我想勾选所有这些框，但手动单击非常耗时.有没有办法让他们打勾? 也许是 JavaScript 或 Chrome 控制台窗口，什么的? 解决方案 最直接的方法是获取所有输入，仅过滤复选框，然后设置已选中的属性. var allInputs = document.getElementsByTagName("input");for (var ..
发布时间：2021-12-23 08:41:23 前端开发