Question

我有这段代码

<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”有“返回false”的原因。此代码适用于Internet Explorer，但Firefox会生成新请求。我有什么想法吗？

FireBug在不想承认有Javascript引用和显示Javascript文件而没有任何错误之间进行更改...当我有更多要添加的内容时，我会更新此内容。我会尝试各种各样的事情，例如尝试将其上传到网络，看看当不在本地磁盘上运行JS时，FireFox的行为是否有所不同。

Answer 1

你确定没有任何错误吗？

我尝试使用简单的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等）吗？

Answer 2

尝试使用按钮并将javascript函数链接到该按钮，而不是使用提交按钮。

Firefox忽略表单提交的JavaScript覆盖

2 个答案: