我希望能够通过在命名表的每一行上注册一个 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>
有没有其他人遇到过这个问题?它会导致问题,因为我随后必须测试它是否是我正在处理的行或单元格。