javascript - Firefox 忽略表单提交的 JavaScript 覆盖

标签 javascript forms firefox submit

我有这个代码

<html>
<head>
<script type="text/javascript" src="my-search.js"></script>
</head>
<body onLoad="my_Init();">
<div>
<form name="id_msearchform" onsubmit="my_EventHandler_Action(); return false;">
  <input type="text" name="id_searchphrase" value="example"></input>
  <br><br>
  <input type="submit" name="id_searchsubmit" value="Search"></input>
</form>
<br><br>
<div id="id_searchresults">No search done...</div>
</div>
</body>
</html>

我不希望浏览器请求新的 URL。这就是为什么“onsubmit”有“return false;”。此代码在 Internet Explorer 中有效,但 Firefox 会生成一个新请求。知道我做错了什么吗?

FireBug 在不想确认有 Javascript 引用和显示 Javascript 文件而没有任何错误之间变化……当我有更多要添加时,我会更新它。我会尝试各种东西,例如尝试将其上传到网络并查看当不在本地磁盘上运行 JS 时 FireFox 的行为是否不同。

最佳答案

你确定你没有任何错误吗?

我尝试使用一个简单的 html:

<html>
<head>
<script type="text/javascript" src="my-search.js"></script>
</head>
<body onLoad="my_Init();">
<div>
<form name="id_msearchform" onsubmit="my_EventHandler_Action(); return false;">
  <input type="text" name="id_searchphrase" value="example"></input>
  <br><br>
  <input type="submit" name="id_searchsubmit" value="Search"></input>
</form>
<br><br>
<div id="id_searchresults">No search done...</div>
</div>
</body>
</html>

还有一个名为 my-search.js 的简单 javascript 在我的 html 的相同路径中,下一个代码:

var my_Init = function(){
    alert('Hello Onload');
}
var my_EventHandler_Action = function(){
    alert('Hello OnSubmit');
}

而且效果很好。

你能展示一个现场演示(使用 dropbox 或其他东西)吗?

关于javascript - Firefox 忽略表单提交的 JavaScript 覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8219877/

相关文章:

javascript - 鼠标悬停和单击事件冲突

forms - 表格未关闭

firefox - 加载解压的扩展程序在 Firefox 中不起作用

html - 为什么动画在 chrome 中不起作用?

javascript - 显示带有返回数据的 pdf - 而不是 iframe - 通过使用 ajax 调用 - JQuery

javascript - 对象不支持属性或方法 'setItem'

forms - Html.BeginForm 不输出集合中第一项的表单

java - UnreachableBrowserException - 在 OrangePiOne 上使用 PhantomJS 和 java 时 (Ubuntu 18.04.2)

JavaScript 选项 使用 Firefox 进行跨站点数据发送

javascript - 将变量传递给 Json API 并使用 ng-repeat 显示响应