preventdefault 相关问题

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

防止用户刷新页面

我想阻止用户刷新页面,该怎么做?我一直在使用 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

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

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

回答 1 投票 0

“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 代码应该按预期工作。 确保检查您的环境中是否有任何其他脚本或更改可能会影响行为,因为提供的代码应该会阻止提交表单。

回答 1 投票 0

防止浏览器中的 ctrl+z

我使用下面的代码示例禁用 ctrl + c 和 ctrl + v 并且它有效。我使用类似的机制在浏览器中禁用 ctrl + z(撤消),但它不起作用。 var ctrlDown = false; var ctrlK...

回答 1 投票 0

得到一个“?”单击提交按钮后在 URL 中。 PreventDefault 存在于 jQuery 中。相信 html 注入是问题

我是一名学生,任务是创建各种网络表单作为作业。我创建了一个简单的表单,单击“提交”后,应该捕获输入的信息并进行 console.log。作为一个简单的...

回答 1 投票 0

event.preventDefault();不适用于视频点击

我的网站上有一个视频元素,我想要求用户填写一份简短的表格,以便他们可以观看视频。 我有这个 js,可以在单击时打开表单 $('.gate-res...

回答 1 投票 0

Ajax 调用和 Fetch 在移动设备上不起作用

我正在尝试调用 API(在 AWS 上运行的 Spring boot 应用程序)。它不适用于移动设备,刷新网页时不会调用 onreadystatechange 方法。我也试过了...

回答 1 投票 0

react 复选框:event.preventDefault() 破坏了 onChange 函数 - 为什么?

我刚刚发现一个杂散 event.preventDefault() 破坏了我的复选框的 onChange 处理程序: 从“反应”导入{组件}; 类应用程序扩展组件{ 构造函数(道具){ 超级(

回答 2 投票 0

我的react-hook-form在Typescript中的handleSubmit函数不断重新加载页面并且不返回结果

我从react-hook-form文档中复制了确切的代码,如下所示 从“反应”导入反应; 从“react-hook-form”导入{ useForm,SubmitHandler }; 类型表单值 = { 首先Na...

回答 2 投票 0

尽管 e.preventDefault() 尝试选择时,nav、ul、li 标签内的下拉菜单会关闭

const DropdownButtons = () => { const 设置下拉菜单 = () => { const 设置NavRef = useRef(); const [isSettingsActive, setIsSettingsActive] = useState(false); ...

回答 0 投票 0

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