jquery-events 相关问题

这些方法用于注册行为，以便在用户与浏览器交互时生效，并进一步操纵这些注册的行为。

单击元素时未触发 jQuery 单击事件

我之前见过这个问题并得到了回答，但在尝试了几种建议的解决方案后，我仍然没有任何运气。我有四个按钮（分别带有 ID 的“第一个、上一个、下一个、最后一个...

javascript jquery click jquery-events

回答 1 投票 0

动态添加选项以选择多个 jQuery 插件

我想添加用户在选定的选择多个输入的文本字段中输入的文本作为选项，并自动选择它，所有这一切当选项不存在时，如果选项 ex...

javascript jquery jquery-events jquery-chosen

回答 5 投票 0

在正文或文档上绑定事件？

有时用户将事件绑定在 $('body') 上，有时绑定在 $(document) 上 $(document).on('点击', someAction); $('body').on('点击', someAction); 有什么理由更喜欢其中一种吗？

javascript jquery jquery-events

回答 4 投票 0

cakephp jQuery 多个操作显示错误的事件

我正在尝试使用 jQuery 和一些用于更改事件的 jQuery 操作来实现 ajax。我的代码： $this->Js->get('#PermenantDistrict')->event('change', $this->Js->alert('你好世界！...

php jquery cakephp jquery-events action

回答 1 投票 0

ready() 工作，on('ready') 不工作，为什么？

我尝试在代码中使用“on”但失败了。我尝试的代码是这样的： </...</desc> <question vote="3"> <p>我尝试在代码中使用“on”，但失败了。我尝试的代码是这样的：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> function clickHandler(e) { alert('Click!'); } $(document).on('ready', function() { $('#click_me').on('click', clickHandler); }) </script> </head> <body> <input id="click_me" type="button" value="click me" /> </body> </html></code></pre> </div> </div> <p></p> <p>虽然我可以用下面的代码替换这个代码。我仍然想知道为什么我的第一个带有事件 <pre><code>on</code></pre> 的代码不起作用。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> function clickHandler(e) { alert('Click!'); } $(document).ready(function() { $('#click_me').click(clickHandler); }) </script> </head> <body> <input id="click_me" type="button" value="click me" /> </body> </html></code></pre> </div> </div> <p></p> </question> <answer tick="true" vote="10"> <p>来自 <a href="http://api.jquery.com/ready/" rel="nofollow noreferrer"><pre><code>ready()</code></pre></a> 的文档，强调我的：</p> <blockquote> <p>还有 <pre><code>$(document).on("ready", handler)</code></pre>，从 jQuery 1.8 开始已弃用，并且 <em><strong>在 jQuery 3.0</strong></em> 中被删除。请注意，如果 DOM 在附加此事件之前准备就绪，则不会执行处理程序。</p> </blockquote> </answer> <answer tick="false" vote="3"> <p>发生这种情况是因为 <pre><code>ready</code></pre> 不是事件（<em>不在 jQuery 或 html 中</em>）。它是 jQuery 创建的一个函数，用于确定文档的状态。所以不要混淆这两件事。</p> <p>使用就绪状态只有两种方法。通过 <pre><code>ready</code></pre> 函数，或者通过简写，基本相同的是：</p> <pre><code>$(document).ready(function() { // ... }); $(function() { // ... }); </code></pre> </answer> <answer tick="false" vote="2"> <p>下面提到的第一个代码不是有效的 jquery。</p> <pre><code>$(document).on('ready', function() { </code></pre> <p>请使用这个代替这个。</p> <pre><code>$(function(){ }); //Or $(document).ready(function() { }); </code></pre> </answer> </body></html>

jquery jquery-events

回答 0 投票 0

Javascript OnClick 按钮触发 WordPress 上的预订覆盖

我使用 ACF 作为我们的登陆页面模板，我们有 50 个位置页面，全部具有相同的设计，除了这个预订按钮问题之外，一切都运行良好。目前预订按钮是cli...

javascript jquery wordpress jquery-events advanced-custom-fields

回答 1 投票 0

使用Javascript删除会话cookie

我正在开发一个删除会话cookie的功能这是源代码： window.onload = 函数() { /* $.cookie('!lithiumSSO:tomtom.sta...</desc> <question vote="0"> <p>我正在开发一个删除会话cookie的功能</p> <p>这是源代码：</p> <pre><code><script language="javascript"> window.onload = function () { /* $.cookie('!lithiumSSO:tomtom.stage', null); $.cookie('LiSESSIONID', null);*/ delete_cookie('LiSESSIONID'); delete_cookie('!lithiumSSO:tomtom.stage'); }; function delete_cookie ( cookie_name ) { var cookie_date = new Date ( ); // current date & time cookie_date.setTime ( cookie_date.getTime() - 1 ); document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString(); alert('name:' +cookie_name); jQuery.cookie('LiSESSIONID', null); //Try to using jQuery } </script> </code></pre> <p>我可以设置显示弹出窗口<pre><code>name:LiSESSIONID=; expires=Wed, 02 Feb 2011 10:56:52 GMT</code></pre>。也就是晚了一个小时。然而，当我使用firecookies时，我看到这个cookie仍然存在：</p> <pre><code>LiSESSIONID 7A10E3453B01DDFF934AC7AF71EAFEC3 forums.lithiumstage.tomtom.com 43 B / Session HttpOnly </code></pre> <p>有人知道为什么我不能杀死饼干吗？即使我加载该函数，jQuery 函数状态也表示未定义。</p> </question> <answer tick="false" vote="0"> <p>原因是因为设置了HttpOnly标志。这意味着只有服务器端代码可以修改这个cookie。</p> <p>参见：<a href="http://www.owasp.org/index.php/HTTPOnly" rel="nofollow">http://www.owasp.org/index.php/HTTPOnly</a></p> </answer> <answer tick="false" vote="0"> <p>必须在服务器端删除cookie。我不知道你正在使用什么语言，但如果它是节点+表达它会像：</p> <pre><code>res.clearCookie('LiSESSIONID', { httpOnly: true, sameSite: true, domain: 'YOUR DOMAIN HERE', }); </code></pre> <p>HttpOnly 使用起来非常有趣，因为它很安全，并且可以防止它被浏览器更改<a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#restrict_access_to_cookies" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#restrict_access_to_cookies</a></p> <p>如果你想在浏览器中删除它，请在创建cookie时删除httpOnly（我不推荐）。</p> </answer> </body></html>

jquery jquery-events

回答 0 投票 0

使用 Firefox，如何监控所有触发的事件？

我正在尝试调试一个大量使用事件的网页，因此我需要监视所有触发的事件。大多数事件都是使用 jQuery 绑定的。因此，它会特别有用...

javascript jquery firefox-addon jquery-events javascript-debugger

回答 4 投票 0

检测窗口宽度变化，但不检测高度变化

我使用 .resize() 函数来检测窗口大小调整事件，但这会检测高度和宽度的变化。有没有办法只检测宽度变化而不检测高度变化？

jquery responsive-design resize jquery-events

回答 6 投票 0

jQuery 失去焦点事件

如果输入字段获得焦点，我会尝试显示一个容器 - 这就是实际的问题 - 如果焦点丢失，则隐藏容器。 jQuery 的焦点是否有相反的事件？一些例子...

javascript jquery focus jquery-events

回答 6 投票 0

了解 jQuery 初始化

当文档加载到客户端浏览器中时，很明显， $(函数(){ 这里有一些代码 }); 接手。假设我有两个 JavaScript 文件 main.js 和 style.js main.js 用于功能...

javascript jquery jquery-events

回答 3 投票 0

输入触发按键事件两次

这个问题之前已经被问过/回答过（大部分），但是我尝试了三件事来阻止事件冒泡，但没有任何效果：返回假； e.stopPropagation(); e.preventDefault(); (

javascript jquery dom jquery-events

回答 10 投票 0

无法检测动态生成的复选框的更改

说明：我面临的问题是，动态生成的复选框在单击时不会触发更改事件。为了解决这个问题，我使用了 $(document).on("change", ".integration-

javascript html jquery event-handling jquery-events

回答 1 投票 0

在 contentEditable div 中使用 jQuery 清理粘贴事件

我正在尝试清理 contentEditable div 中的粘贴。也就是说，代码应如下所示： $('#content').bind('粘贴',函数(e) { // 确保粘贴的标记有效 ...

javascript jquery copy-paste contenteditable jquery-events

回答 4 投票 0

如何为复选框点击事件使用自定义事件参数？

从 jQuery 的文档来看，我似乎应该能够使用 $.fn.trigger 将自定义参数传递给复选框单击处理程序。但是，我似乎无法让这个工作。请参阅http://jsfiddle.net/2t6y7/ HT...

javascript jquery jquery-events

回答 2 投票 0

如何在选项元素上添加按键事件？

我正在尝试向特定选择元素的选项元素添加事件侦听器。但它不起作用。 html ... 我正在尝试向特定选择元素的选项元素添加事件侦听器。但它不起作用。 html <select class="form-control big-input-h4" id="tnvffoewr"> <option>o1</option> <option>o2</option> <option>o3</option> <option>o4</option> <option>o5</option> </select> <select class="form-control big-input-h4" id="tnvffoewr"> <option>o1</option> <option>o2</option> <option>o3</option> <option>o4</option> <option>o5</option> </select> jquery Array.from($('#tnvffoewr').children().slice(1,-1)).forEach(element => { console.log(element.text) element.addEventListener('keypress',(e)=>{ console.log('clck') if(e.key=='Enter'){ console.log('enter') } }) }); 我希望在按下回车键时除了第一个和最后一个选项之外的每个选项上都触发事件。如果我只是在选择其工作时应用按键，但我希望当我按选项上的 Enter 时触发事件。您应该只允许每个 html 元素有一个 id 以避免混淆。 <select class="form-control big-input-h4 tnvffoewr"> <option>o1</option> <option>o2</option> <option>o3</option> <option>o4</option> <option>o5</option> </select> <select class="form-control big-input-h4 tnvffoewr"> <option>o1</option> <option>o2</option> <option>o3</option> <option>o4</option> <option>o5</option> </select> 然后你可以做类似的事情 $(".tnvffoewr").on("change", function(){ alert($(this).prop('selectedIndex')); }); 它将提醒所选选项的索引，然后您可以使用 ifs 对其进行过滤。

javascript html jquery jquery-events

回答 0 投票 0

Jquery if else 结构单击每个函数

我有6个div，都有一个通用类名“.scene”，并且还有单独的类名“.scene1”，“.scene2”，“.scene3”，“.scene4”，“.s”。 ..

jquery if-statement jquery-events each

回答 1 投票 0

为什么在子元素上执行 mousein 时会触发 mouseout？

MDN 对 mouseout 事件的定义如下：当指点设备（通常是鼠标）从附加了侦听器的元素或从其

javascript html jquery mouseevent jquery-events

回答 2 投票 0

如何检测退出键按下？

如何检测 IE、Firefox 和 Chrome 中的转义键按下情况？下面的代码在 IE 中有效并发出警报 27，但在 Firefox 中则发出警报 0 $('body').keypress(函数(e){ 警报（e.which）； if(e.which == 27){...