jquery-events 相关问题

打开和关闭点击事件

所以我正在尝试制作一个照片库，其中： 1.如果您点击其中一张照片，则会弹出一个窗口 2.但在关闭弹出窗口之前，您无法再次单击任何照片。 我已经搞砸了...

子按钮点击时不执行 JS。点击为父div注册并执行JS

我有一组按钮，单击它们时不会console.log。它们嵌套在几个 div 中，并通过另一个函数附加。单击 .finger 按钮时，...

检测由 Tab 键启动的焦点？

我想检测元素的焦点事件，但前提是该事件是由用户按 Tab 键启动的。例如： 我想检测元素的焦点事件，但前提是该事件是由用户按 Tab 键启动的。例如： <input type="text" id="foo" /> <input type="text" id="detect" /> 如果用户专注于 #foo 并按 Tab，我希望一旦 #detect 获得焦点（或者焦点事件内的条件为真），事件就会触发。相反，如果用户只是单击 #detect 字段来将其聚焦，我不希望触发该事件（或者我希望焦点事件调用内的条件为 false）。 我不想使用 #foo 的 keydown 事件并检查是否按下了 Tab 键，因为我希望该方法独立于任何其他元素。 我查看了以下代码的控制台输出，但没有注意到两种聚焦方法之间有任何真正的区别： $('#detect').on('focus', function(e){ console.log(e); }); （小提琴） 这可以通过相对简单的方式完成吗？ 您可以使用以下方法测试按下的按钮： 编辑：在@DavidHedlund的评论后更新了监听器，每次仅触发一次警报。 $(window).keyup(function (e) { var code = (e.keyCode ? e.keyCode : e.which); if (code == 9 && $('#detect:focus').length) { alert('I was tabbed!'); } }); http://jsfiddle.net/LPGLm/7/ 响应更快的解决方案是使用两个侦听器： var mousedown = false; $('#detect').on('mousedown', function () { mousedown = true; }); $('#detect').on('focusin', function () { if(!mousedown) { // logic } mousedown = false; }); 小提琴显示速度差异： http://jsfiddle.net/u2y45/1/ 正如您所注意到的，事件对象本身并不区分访问方式。您可以做的是绑定一个mousedown监听器，它将在focus之前触发，并设置一些时间戳标志，您可以将其与focus处理程序中的某个阈值进行比较。 我使用以下内容： (function() { const tabHistory = []; window.addEventListener('keyup', function (e) { const code = e.keyCode || e.which; const index = tabHistory.length === 0 ? 1 : tabHistory.length + 1; if (code == 9) { tabHistory.push({ element: e.target, index }); console.log(index, e.target, tabHistory); } }); })(); 我建议跟踪重点元素，这样可以确保用户能够按照您的预期进行选项卡。 希望有帮助！ 您可以通过此代码检查特定输入的焦点事件 $(window).on('keyup', function(event){ if(event.keyCode == '9'){ getFocused(event); } }) var focused = 0; function getFocused(e){ var ida = $(':focus').eq(0).prop('id'); if(ida=='detect' && focused==0){ focused = 1; console.log(e); } } （小提琴）

如何用纯JS或jQuery检测转义键按下？

可能的重复： jQuery 的转义键的键码 如何检测 IE、Firefox 和 Chrome 中的转义键按下情况？ 下面的代码在 IE 中有效并发出警报 27，但在 Firefox 中则发出警报 0 $('正文').

$.replaceWith() 但不会丢失事件处理程序和其他东西

我不想使用 live() 或 on() 进行委托：/ 有没有其他方法可以替换元素的 HTML 代码但保留元素数据？

如何检测用户是否点击了“后退”按钮

当用户返回history-back-1时...我如何检测到这一点？然后，警告“用户点击了返回！” 使用绑定（最好是 jQuery）

如何使用 jQuery 触发类更改事件？

我想要这样的东西： $('#myDiv').bind('添加了“提交成功”类'){ Alert('类“提交成功”已添加'); });

jQuery 与 body onload 事件冲突

我有一个从 body onload 调用的 onBodyLoad 函数： var someGlobalVar = new SpecialType(); 函数 onBodyLoad() { someGlobalVar.Bind(); } 当我在我的项目中包含 jQuery 1.4.2 时，我得到了......

如何使用 jQuery 多次扩展容器？

我正在尝试将可扩展容器集成到我正在处理的网页中，但我在使用 JavaScript 代码时遇到了一些困难。我无法多次扩展同一个容器。在想法中...

无法通过点击获取元素数据

大家，我一直在做一件事。我在 JavaScript、JQuery 中有这样的代码。 而那些带有点击的下部，我只是无法从点击的元素中获取 data-num 属性。我已经尝试了100次

后续点击事件触发错误的href？

我有一个脚本，如果链接是未包含在允许域列表中的外部链接，则会触发“离开站点警报”弹出窗口。单击的第一个链接始终可以正常工作...

如何在单击复选框时将隐藏的 div 值更改为未隐藏

我只想在选中早餐、午餐或晚餐的复选框之一时显示带有输入字段的工作编号。它工作正常，当我选中任何一个框时，它会显示输入文件...

为什么我的 jQuery 事件侦听器在应用程序启动时没有运行？

我正在制作一个脚本，用于检测是否选中了 ID 为“chapterex”的复选框，如果是，则相应地更新页面：如果未选中，则将 multiple 属性添加到...

使用jQuery获取垂直滚动的最大值

这是我使用 jQuery 的视图代码，它可以正常工作，直到我更改屏幕分辨率后它才停止工作，我没有任何问题。我知道问题出在哪里，但我无法解决它，看看 c ...

根据弹出消息中保留的内容自动设置弹出窗口大小、宽度、高度到中心

在我的 JavaScript 要求中，我在加载页面上显示弹出消息内容会经常更改。 现在我想要的是， 我想在窗口中心显示弹出窗口

使用Jquery点击后更改按钮文本（html）

作为初学者，我正在为看似简单的事情而苦苦挣扎。我有一个禁用的文本区域和一个“编辑”按钮。一旦我点击它，文本区域就可以根据需要进行编辑，但我需要“e ...

加载iframe.src运行JSP中的所有JavaScript

我的应用程序在包装页面的 iframe 内运行。当加载包装页面时，iframe 的源设置如下： var frameSrc = 'myApp.j...</desc> <question vote="0"> <p>我的应用程序在包装页面的 iframe 内运行。当包装页面加载时，iframe 的源设置如下：</p> <pre><code> &lt;script type=&#34;text/javascript&#34;&gt; var frameSrc = &#39;myApp.jsp&#39;; $(document).ready(function() { loadFrame(frameSrc); $(&#34;#iFrm&#34;).height($(window).height() - 175); $(window).bind(&#39;resize&#39;, function(){ $(&#34;#iFrm&#34;).height($(window).height() - 175); return false; }); $(&#34;#adminLink&#34;).click(function(){ frameSrc = &#39;myAdmin.jsp&#39;; loadFrame(frameSrc); }); return false; }); function loadFrame(src){ $(&#34;#iFrm&#34;).attr(&#39;src&#39;, src); } &lt;/script&gt; </code></pre> <p>这加载并运行得很好，但随后我在页面上获得了管理链接，该链接旨在将不同的页面加载到 iframe 中，并且它在 <pre><code>document.ready</code></pre> 函数中有一个事件处理程序。</p> <p>我遇到的问题是 myAdmin.jsp 正在加载，然后包装页面中的原始 document.ready 脚本再次运行 - 完全使用原始 frameSrc 值。似乎通过更改 iframe 源，它触发了整个包装页面和原始 iframe 源的重新加载。有人见过这个吗？我错过了一些明显的东西吗？</p> </question> <answer tick="true" vote="1"> <p>我在研究各种可能的解决方案时得到了这个问题的答案。问题原来与<em>adminLink</em>有关。 <em>href</em> 值为空，这似乎指示浏览器重新加载当前页面（包装器）。当我把 <em>javascript: return false;</em> 放在 <em>href</em> 中时，我的问题就解决了。</p> <pre><code>&lt;a id=&#34;adminLink&#34; href=&#34;&#34;&gt;Administration&lt;/a&gt; </code></pre> <p>对</p> <pre><code>&lt;a id=&#34;adminLink&#34; href=&#34;javascript:return false;&#34;&gt;Administration&lt;/a&gt; </code></pre> </answer> </body></html>

JavaScript 在悬停时缩放 YouTube

我有两个 YouTube iframe，我想缩放（悬停时）并从占位符图片后面显示（单击时）。代码有冲突。任何帮助或建议将不胜感激......

尝试在我的页面上加载 Bootstrap 日历。获取未捕获的错误

我得到的确切错误是： “未捕获的错误：日历：未设置事件加载 URL”。 我完全按照 https://github.com/Serhioromano/bootstrap-calendar 上的说明进行操作。我是……

如何在 devextreme 的 dxdiagram 中防止撤消（ctrl+z），重做（ctrl+y）？

如何防止在 devextreme 中的 dxdiagram 中撤消（ctrl+z），重做（ctrl+y）？ 如何防止在 devextreme 中的 dxdiagram 中撤消（ctrl+z）、重做（ctrl+y）？