相关疑难解决方法(0)

在下面的示例中,return false在Firefox 3.6或Chrome 10中单击链接(因为页面滚动到顶部)但在Internet Explorer中工作后似乎不会阻止默认操作.

使用event.preventDefault()做我需要的,但我想知道为什么return false不与其他人一起工作.

附注:我不需要支持Internet Explorer.

<script>
  addEventListener("DOMContentLoaded", function(){
    document.getElementById("link").addEventListener("click", function(){
      alert("Clicked!");
      return false;
    }, false);
    alert("Click handler bound!");
  }, false);
</script>

<div style="margin-top: 1200px;">
  <a id="link" href="#">Click me!</a>
</div>

如何使用addEventListener()为HTML表单的Submit按钮分配处理程序,类似于分配按钮的'onclick'属性,而不触发表单的默认submit()行为？

我可以毫不费力地为"提交"按钮的"onclick"属性分配自定义功能.自定义函数执行各种步骤,然后创建Ajax请求对象并使用它将数据发送到服务器.不会触发默认的submit()行为.

submitButton.onclick = function() {
    mySubmit();
    return false;
};

function mySubmit() {
   //do stuff
   notTheDefaultUrl = generateNonStandardUrl();
   request = GetStandardAjaxRequestThingamabob();
   request.open("POST", notTheDefaultUrl, true);
   request.onreadystatechange = myHandler;
   request.send(formData);
   return false;
}

但是使用addEventListener(),浏览器提交请求两次 - 一次在Ajax请求对象下,再次使用默认的HTML表单submit()行为.(我可以告诉b/c mySubmit函数将数据发送到与默认值不同的URL - 但默认和Ajax URL都出现在服务器日志中.)

var func = window['mySubmit'];
submitButton.addEventListener('click', func, false);

我知道分配给按钮的函数必须返回'false'以防止触发默认的submit()行为.我认为mySubmit()做到了这一点,并且我试图通过addEventListener编写传入的函数来更明确地返回false(而不是'func','function(){mySubmit(); return false}')但是这些dosn也没工作.

那我该怎么做？

UPDATE

对Peter的评论提出了一些浏览器兼容性问题; 另外,IE不支持addEventListener().此代码解决了这些问题 我在Firefox和IE 8中测试过它.

function func( event ) {
    if ( event.preventDefault ) { event.preventDefault()};  
    event.returnValue = false;  
    // do whatever
}

if (submitButton.addEventListener) {
    submitButton.addEventListener('click', func, false);
}
else …

我想当用户点击链接时,他确认他是否真的想要在该网址中重定向.例如:

<a href="url">name</a>

当他点击链接确认框时说"你真的想要去那个页面吗？好的并取消.但我有多个元素.