Onclick vs Onmousedown竞态条件

Question

我有一个SUBMIT和SAVE按钮用于默认情况下侦听Onclick事件的表单。当表单被提交或保存时，页面将滚动位置重置为页面的顶部。

最近，应用程序的用户要求页面停留在页面底部的按钮所在的位置，只有一个子集的表单。(这些按钮在数百个其他表单中使用，所以我无法更改全局滚动的重置。)

因此，我试图实现的解决方案涉及几个隐藏的输入字段和几个事件监听器。

我已经为这些按钮添加了一个onmousedown事件，像这样-

// Submit and Save button listeners
  var globalButtons;
  if (v_doc.getElementsByClassName) {
    globalButtons = v_doc.getElementsByClassName('globalbuttons');
  }
  // Internet Explorer does not support getElementsByClassName - therefore implement our own version of it here
  else {
    globalButtons = [];
    var myclass = new RegExp('\b'+'globalbuttons'+'\b');
    var elem = v_doc.body.getElementsByTagName("input");
    for (var i = 0; i < elem.length; i++) {
      var classes = elem[i].className;
      if (myclass.test(classes)) {
        globalButtons.push(elem[i]);
      }
    }
  }
  for (var gb = 0; gb < globalButtons.length; gb++) {
    if (globalButtons[gb].name == 'methodToCall.route' ||
        globalButtons[gb].name == 'methodToCall.save') {
      if(globalButtons[gb].addEventListener) { //all browsers except IE before version 9
         globalButtons[gb].addEventListener("mousedown", function(){flagSpecialScrollOnRefresh()},false);
      }
      else {
        if(globalButtons[gb].attachEvent) { //IE before version 9
           globalButtons[gb].attachEvent("onmousedown",function(){flagSpecialScrollOnRefresh()});
        }
      }
    }
    else { continue; }
  }

这段代码位于一个叫做attachButtonListeners

的函数中

接下来，我像这样定义处理程序，并将其放入另一个函数中，每次加载页面时都会调用该函数

function checkSpecialScrollCase() {
  var spfrm   = getPortlet();
  var sp_doc  = spfrm.contentDocument ? spfrm.contentDocument: spfrm.contentWindow.document;
  var specialScrollExists = sp_doc.getElementById(docTypeButton).value;
  if (specialScrollExists == "YES") {
    sp_doc.getElementById(docTypeButton).value = 'NO';
  }
  // else - nothing to do in this case
}

docTypeButton = REQS_BUTTONS它引用JSP页面底部的以下元素-

<input type="hidden" id="REQS_BUTTONS" value="NO"/>
<a name="anchorREQS"></a>

注意锚标记。最后，我需要添加位置。哈希调用到处理程序中，以便滚动到此位置。在这一点上，那部分是无关紧要的，原因如下。

——

问题我的flagSpecialScrollOnRefresh函数没有将值设置为YES，而它应该是。

我相信我的onClick事件发生得太快，我的onmousedown事件发生。

——证据如果我输入这样的警告语句-

function flagSpecialScrollOnRefresh() {
  var scfrm   = getPortlet();
  var sc_doc  = scfrm.contentDocument ? scfrm.contentDocument: scfrm.contentWindow.document;
  alert("BLAH!");
  sc_doc.getElementById(docTypeButton).value = "YES";
}

然后我使用Firebug检查元素-值正在被设置!一旦我解除警报，就别想了!

如何确保我的mousedown事件首先被执行?或者这就是问题所在????

Answer 1

mousedown是click事件的一部分。

无论您现在对click事件做什么，都应该移动到表单上的submit事件。这样，你可以使用mousedown, mouseover，甚至click的按钮做任何你想要的