preventdefault 相关问题

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

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

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

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

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

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

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

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

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来定位特定元素，这就是我在这里所做的，回调函数引用了表单

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

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

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

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

防止用户刷新页面

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

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

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

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

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

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

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

如何正确防止事件默认？

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

为什么 event.preventDefault 不起作用

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

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

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

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'); 如果您遇到任何问题，请告诉我

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

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

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

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

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

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

我在 Django 模板中遇到错误，使用 event.preventDefault();

我制作了一个 dajngo 网站，如果产品有一个 is_active = False 的字段，它会将其从商店的购物篮中删除。 所以在html文件中编写了这个脚本： {% if table.is_act...

“event.preventDefault();”不适用于提交按钮

问题是，当我单击提交按钮时，页面正在重新加载，从而阻止代码工作，尽管我有“event.preventDefault();”。 HTML： 问题是，当我单击提交按钮时，页面正在重新加载，从而阻止代码工作，尽管我有“event.preventDefault();”。 HTML： <form class="links-add-container hidden"> <input type="text" class="links-name-input links-input" spellcheck="false" placeholder="Название ссылки" /> <input type="text" class="links-link-input links-input" spellcheck="false" placeholder="Ссылка" /> <button class="links-add-button button submit-button" type="submit"> <i class="fas fa-plus-square"></i> </button> </form> JS： const addLinkButton = document.querySelector(".links-add-button"); addLinkButton.addEventListener("click", addLink); function addLink(event) { event.preventDefault(); //the actual code. It doesn't work because of the page reload. } 我尝试更改“按钮”上按钮的类型，但这导致了另一个问题。页面不会重新加载，但代码不起作用。当我单击按钮时没有任何反应，甚至控制台中的错误也不会出现。 我应该补充一点，这是我的旧代码，半年前我使用它时没有出现这样的问题。我很可能错过了一些明显的东西，但我不明白是什么。请帮忙。 您的 JavaScript 事件侦听器似乎正确阻止了默认的表单提交行为。但是，该问题可能与您在表单中使用 <button> 有关。当表单中有 <button> 且未指定 type 属性时，它默认为 "submit"，导致表单提交。 在您的情况下，您正在阻止默认行为，但由于按钮具有默认的 type "submit"，因此它可能仍会触发表单提交。要解决此问题，请将按钮的 type 属性明确设置为 "button" 以防止其触发表单提交： html <form class="links-add-container hidden"> <input type="text" class="links-name-input links-input" spellcheck="false" placeholder="Название ссылки" /> <input type="text" class="links-link-input links-input" spellcheck="false" placeholder="Ссылка" /> <button class="links-add-button button submit-button" type="button"> <i class="fas fa-plus-square"></i> </button> </form> 现在，使用 type="button"，单击按钮将不会触发表单提交，并且 addLink 函数内的 JavaScript 代码应该按预期工作。 确保检查您的环境中是否有任何其他脚本或更改可能会影响行为，因为提供的代码应该会阻止提交表单。