1

我希望能够通过在命名表的每一行上注册一个 mousedown 事件来从表中选择一行(参见代码)。我正在 Firefox 14.0、Chrome 20.0.1132.47 和 IE 8(用于测试)中进行测试。

在事件处理程序中,我将元素的类型(标签名称)写入控制台,期望TR每次都是。这在 Firefox 中按预期工作,但 Chrome 和 IE 返回TD,即使处理程序已在TR.

<script>
var myFuncs = {
   // generic stop event bubbling up any further (DOM level2 and IE)   
   stopProp: function (event){
      if (!event) var event = window.event;
      event.cancelBubble = true;
      if (event.stopPropagation) event.stopPropagation();
   },
   // generic add event listener   
   addListener : function(elt,evt,listener){
      if (document.attachEvent){
         elt.attachEvent ("on"+evt,listener);
      }
      else {
         elt.addEventListener (evt,listener,false);
      }
   },
   // the function that is supposed to handle mousedown events on <tr> tags
   handleMousedown : function(evt) {
      myFuncs.stopProp(evt);
      elt = (window.event) ? window.event.srcElement : evt.currentTarget;
      console.log(elt.tagName);
   },
   // attach/add event listener to <tr> elements in named table
   registerEvts : function(){
      var tab = document.getElementById("dataGrid");
      var rows = tab.getElementsByTagName("tr");
      for (var ix=0; ix < rows.length; ix++){
         myFuncs.addListener (rows[ix],"mousedown",myFuncs.handleMousedown);
      }
   }
}

window.onload = myFuncs.registerEvts;
</script>

有没有其他人遇到过这个问题?它会导致问题,因为我随后必须测试它是否是我正在处理的行或单元格。

4

0 回答 0