热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

事件阻止默认不在Firefox中工作-eventpreventdefaultnotworkinginfirefox

Thisisakindofsimilarduplicatetosomeothershere,butIthinkImusingevent.preventDefault(

This is a kind of similar duplicate to some others here, but I think I'm using event.preventDefault() correctly in this case.

这是一种与其他一些类似的重复,但我认为我在这种情况下正确使用了event.preventDefault()。

this my html :

这是我的HTML:

 

in Chrome, it is work. but in Firefox, it does not work.

在Chrome中,它是有效的。但在Firefox中,它不起作用。

this my code :

我的代码:

function check_empty_2() {

if (document.getElementById('reg_nama').value == "" || document.getElementById('reg_email').value == "" || document.getElementById('reg_no').value == "" || document.getElementById('reg_rumah').value == "" ) {
    alert("Harap isi semua bidang !");
} else {
    document.getElementById('reg_rfid').style.display = "none";
    document.getElementById('alert_rfid').style.display = "block";
    $('html, body').animate({
        scrollTop: $("#alert").offset().top - 150
    });
    event.preventDefault();
}

}

please correct my code, Thank you

请更正我的代码,谢谢

4 个解决方案

#1


you need to read and pass event as argument like

你需要读取并传递事件作为参数

and

function check_empty_2(event) {
...

#2


You Forgot to pass Event,From Current Scenario You will Get error Event is undefine in Firebug

您忘记传递事件,从当前场景您将获得错误事件在Firebug中是未定义的

 

function check_empty_2(event) {
...}

#3


For firefox to work change it to

对于firefox来说,改变它

 

And the function to

和功能

function check_empty_2(event) {....

#4


First a fall. You have written code wrong. event.preventDefault(); should not inside of else. It should be:

首先是秋天。你写错了代码。 event.preventDefault();不应该在别的里面。它应该是:

function check_empty_2(event) {

if (document.getElementById('reg_nama').value == "" ||     document.getElementById('reg_email').value == "" || document.getElementById('reg_no').value == "" || document.getElementById('reg_rumah').value == "" ) {
 alert("Harap isi semua bidang !");
} else {
document.getElementById('reg_rfid').style.display = "none";
document.getElementById('alert_rfid').style.display = "block";
$('html, body').animate({
    scrollTop: $("#alert").offset().top - 150
});

}
event.preventDefault();
}

On more way to do:

更多的方法:



$(function(){
  $('#submit').click(function(event){ 
  if (document.getElementById('reg_nama').value == "" || document.getElementById('reg_email').value == "" || document.getElementById('reg_no').value == "" || document.getElementById('reg_rumah').value == "" ) {
   alert("Harap isi semua bidang !");
  } else {
    document.getElementById('reg_rfid').style.display = "none";
    document.getElementById('alert_rfid').style.display = "block";
    $('html, body').animate({
        scrollTop: $("#alert").offset().top - 150
    });
  }
  event.preventDefault();
  });
});

推荐阅读
  • Thisquestionalreadyhasananswerhere:这个问题已经有了答案:HowcanIdisplayaJavaScriptobje ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
  • 在 Angular Google Maps 中实现图片嵌入信息窗口的功能,可以通过使用 `@agm/core` 库来实现。该库提供了丰富的 API 和组件,使得开发者可以轻松地在地图上的信息窗口中嵌入图片。本文将详细介绍如何配置和使用这些组件,以实现动态加载和显示图片的功能。此外,还将探讨一些常见的问题和解决方案,帮助开发者更好地集成这一功能。 ... [详细]
  • HTML5 Web存储技术是许多开发者青睐本地应用程序的重要原因之一,因为它能够实现在客户端本地存储数据。HTML5通过引入Web Storage API,使得Web应用程序能够在浏览器中高效地存储数据,从而提升了应用的性能和用户体验。相较于传统的Cookie机制,Web Storage不仅提供了更大的存储容量,还简化了数据管理和访问的方式。本文将从基础概念、关键技术到实际应用,全面解析HTML5 Web存储技术,帮助读者深入了解其工作原理和应用场景。 ... [详细]
  • 在《JavaScript进阶之旅:第三阶段深入探索》中,我们将通过一系列复杂的代码示例,深入探讨JavaScript的高级特性与应用技巧。本阶段将重点讲解如何利用用户输入进行动态交互,例如通过提示框获取1到9之间的正整数,并基于此实现更多功能。此外,还将介绍如何优化代码结构,提升程序的可读性和维护性。 ... [详细]
  • 本文旨在构建一个JavaScript函数,用于对用户输入的电子邮件地址和密码进行有效性验证。该函数将确保输入符合标准格式,并检查密码强度,以提升用户账户的安全性。通过集成正则表达式和条件判断语句,该方法能够有效防止常见的输入错误,同时提供即时反馈,改善用户体验。 ... [详细]
  • 定义Function类型:1functionsum(num1,num2){return num1+num2;}2varsumfunction(num1,num2){returnn ... [详细]
  • 开发工具WebDeveloper1.1.8https:addons.mozilla.orgen-USfirefoxaddon60以工具栏的形式对网页的(X)HTML、脚本、多媒体、 ... [详细]
  • 【转】JS键盘按钮keyCode及示例大全(JS前端)
    文章目录以功能区分布以keycode编号顺序分布简记表使用示例:组合键获取用户按下的键javascript判断是否按回车键屏蔽按键组合健获取键和相应值的js回目录 ... [详细]
  • 本篇内容主要讲解“JavaScript在网页设计中的嵌入应用方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小 ... [详细]
  • 本文整理了常用的CSS属性及用法,包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等,方便开发者查阅和使用。 ... [详细]
  • 本文详细介绍了利用JavaScript实现图片懒加载的有效方法。通过监听窗口的加载和调整事件,可以显著提升网页性能和用户体验。具体实现包括在 `window.onload`、`window.onresize` 和 `window.onscroll` 事件中动态加载图片,确保只有当图片进入可视区域时才进行加载,从而减少初始加载时间并提高页面响应速度。此外,还提供了一些优化技巧,如使用 Intersection Observer API 来进一步简化代码和提升效率。 ... [详细]
  • MVVM架构~mvc,mvp,mvvm大话开篇
    返回目录百度百科的定义:MVP是从经典的模式MVC演变而来,它们的基本思想有相通的地方:ControllerPresenter负责逻辑的处理,Model提供数据,View负责显示。作为一种新的模 ... [详细]
  • 整合百度UEditor编辑器于ASP后端的实现步骤与技巧
    随着微软停止对XP系统的支持,公司已全面升级至Windows 7。早期网站创建时使用的编辑器仅兼容IE6浏览器,而如今系统更新后,原有的编辑器已无法满足新环境的需求。本文详细介绍了如何将百度UEditor编辑器整合到ASP后端,包括实现步骤和实用技巧,确保网站在新系统下仍能高效运行并提供良好的用户体验。 ... [详细]
  • 不确定是否有任何Firefox附加工具可用于检查JavaScript语法,var声明,甚至是预编译可用?我发现在webhtml页面中调试JavaScript非常困难.我必须在那里添 ... [详细]
author-avatar
谷智精源
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有