preventdefault 相关问题

如果事件可以取消,则取消事件的Javascript事件方法,而不会停止事件的进一步传播。

如何在 React 中按 Enter 时停止重新加载网页

我目前正在做一个简单的待办事项列表,我有一个问题,当我单击输入时,我的网站将重新加载,我预计这将添加一个新任务。 谢谢你的帮助。 处理提交=(事件)=...

回答 1 投票 0

Event.preventDefault 在 JS 中无法用于表单提交

//js document.addEventListener("DOMContentLoaded", function () { const individualOrderForm = document.getElementById('individual-order-form'); 异步函数 sendAjax(f...

回答 1 投票 0

禁用“提交”按钮,除非选中该框

继我之前提出的问题之后 提交按钮无法使用 JS 验证 我一直在努力让复选框被选中作为表单验证的一部分。 我...

回答 1 投票 0

在 drop 事件上真的有必要调用 PreventDefault() 吗?

我正在学习拖放。我在 JSFiddle 中复制了 W3Schools 示例。 W3School 示例在 drop 事件中调用 PreventDefault(): 函数 drop(ev) { ev.preventDefault(); ...

回答 2 投票 0

防止默认值在 p-tabView 中不起作用

我在 Angular 应用程序中使用 PrimeNG 的 p-tabView 来管理多个选项卡。我想防止选项卡在某些情况下发生更改。我尝试在 onC 中使用 PreventDefault 方法...

回答 1 投票 0

event.preventDefault() 第一次单击然后删除

如果默认锚点有一个类子导航,如本小提琴所示,我会禁用它。 我只希望在第一次单击时禁用此功能,然后我希望恢复正常的锚点功能。 ...

回答 5 投票 0

preventDefault() 不阻止表单提交时的页面重定向

我有一个简单的表单被提交到第三方表单/数据库位置(Acoustic),我试图防止页面在提交后被重定向。 我有一个简单的表单被提交到第三方表单/数据库位置(Acoustic),并且我试图防止页面在提交后被重定向。 <form method="post" action="my-form-url-goes-in-here"> // form labels and fields </form> <button type="submit" id="mybtn">Submit</button> 我尝试使用 preventDefault() 和 return false 作为覆盖该行为的选项,但由于某种原因它们不起作用。 document.querySelector("#mybtn").addEventListener("click", function () { document.querySelector("form").submit(function (e) { e.preventDefault(); return false; }); }); 实现此行为有哪些选项。 理想情况下,您应该使用表单元素中的提交按钮,然后您可以定位表单 <form method="post" id="my-form"> // form labels and fields <button type="submit">Submit</button> </form> $(document).on('submit', '#my-form', function(e){ e.preventDefault(); }); 文档可以访问dom中的元素,您可以使用它们的id来定位特定元素,这就是我在这里所做的,回调函数引用了表单

回答 1 投票 0

javascript 中无法阻止的键盘快捷键

正如标题所示,我想知道 - 在现代浏览器中,JavaScript 无法阻止哪些键盘快捷键?这是与浏览器相关还是与系统相关? 到目前为止,我已经按下 Ctrl+N,...

回答 1 投票 0

Ctrl+S 阻止 Chrome 中的默认设置

我想在Chrome中捕获Ctrl+S,并阻止默认浏览器行为来保存页面。如何? (只是发布问题和答案,因为我已经关注这个问题很长时间了,但没有找到

回答 4 投票 0

防止用户刷新页面

我想阻止用户刷新页面,该怎么做?我一直在使用 e.preventDefault 方法,但它运行不正常。

回答 4 投票 0

event.preventDefault()影响代码的进一步执行

这个项目有3个.ejs页面index.ejs,loading.ejs和result.ejs。 index 首先加载,并在其脚本标记中包含以下代码: document.addEventListener("DOMContentLoaded", fu...

回答 1 投票 0

Javascript 中的“event”已被弃用,我无法使用“preventDefault()”

我正在尝试使用 event.preventDefault() 方法,但我不断收到错误。它说该事件已被弃用。 我正在制作 Firebase 注册表单,我想阻止该表单...

回答 2 投票 0

为什么输入事件的 PreventDefault() 不停止对表单元素值的更改

这个问题之前已经被问过并回答过;这里之前给出的答案似乎都不能解决我的情况。因此我需要再问一次,为什么没有正确阻止该事件? 医生...

回答 3 投票 0

如何正确防止事件默认?

这个问题之前已经被问过并回答过;这里之前给出的答案似乎都不能解决我的情况。因此我需要再问一次,为什么没有正确阻止该事件? 医生...

回答 2 投票 0

为什么 event.preventDefault 不起作用

这个问题已经被问过,并且之前已经回答过,但是这里之前给出的答案似乎都不能解决我的情况,因此我需要再次问,为什么该事件没有被阻止

回答 1 投票 0

我无法找到 e.preventDefault() 在 trapFocus 函数中做什么

我明白这个函数的作用,但我真的不知道 e.preventDefault() 是做什么的。我知道这会阻止 keydown 事件的默认行为,但我真的不知道哪种行为......

回答 1 投票 0

jquery:删除指针光标?

为什么我不能用jquery改变a标签的CSS?例如, html, 1 2 3 为什么我无法使用 jquery 更改 a 标签的 CSS?例如, html, <a href="#">1</a> <a href="">2</a> <a href="http://website.com/#/home/about/">3</a> <a href="http://website.com/home/about/">4</a> 链接 1 和 2 不可点击,所以我想删除指针光标。 jquery, $("a").click(function(e){ if($(this).attr("href") == "#" || $(this).attr("href") == "") { alert("this is non-clickable"); $(this).css({cursor:"default"}); e.preventDefault(); } else{ alert($(this).attr("href")); $(this).css({cursor:"pointer"}); e.preventDefault(); } }); 可能吗? jsfiddle 如果你愿意,你可以简单地使用 CSS 来做到这一点 a[href="\#"], a[href=""] { cursor: default; } /* I've used an element[attr] selector here which will select all a tags with this combination, if you want to target specific a tags, wrap them in an element with a class and you can than refer as .class a[href]... */ 演示 如果您想禁用链接,也可以使用 CSS pointer-events: none; 属性来实现 演示2(如果JS被禁用,这将帮助你,这不会提醒消息,但它会帮助你禁用你正在尝试做的事件) 您的错误出在您的 jquery css 中。你需要在 css 周围加上引号,你的 js 应该如下所示: $("a").click(function(e){ if($(this).attr("href") == "#" || $(this).attr("href") == "") { alert("this is non-clickable"); $(this).css({'cursor' :"default"}); e.preventDefault(); } else{ alert($(this).attr("href")); $(this).css({'cursor':"pointer"}); e.preventDefault(); } }); 您也可以使用 addClass 方法,然后在 css 中设置无 href 的样式 尝试换线 来自 $(this).css({cursor:"default"}); 到 $(this).css('cursor','default'); 如果您遇到任何问题,请告诉我

回答 3 投票 0

Stripe 付款表单不断重新加载@stripe/react-stripe-js PreventDefault 不起作用?

我遵循了这个例子https://stripe.com/docs/ payments/link/add-link-elements-integration 我看到您输入信用卡信息的表格。 在表单内部和外部单击,它会持续...

回答 1 投票 0

如何阻止机器人使用 .submit() 绕过我的“必填”字段?

我有一个表单会产生大量垃圾邮件。我已完成所需的所有输入并附加了验证码。这没有产生任何影响。 我假设机器人出于某种原因正在使用 form.submit()

回答 3 投票 0

stopPropagation 不适用于 Ant 设计下拉菜单

我有一个卡片组件包裹在 nextjs 链接内。该卡片由正文和页脚组成。这是我的卡片页脚。在 cardFooter 内部,我有一个包含两个项目的 Ant Design 下拉菜单。尽你所能...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.