当前位置: 首页 > 图文教程 > 网络编程 > Javascript > [原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox]

Javascript
js 判断 enter 事件
谷歌浏览器 insertCell与appendChild的区别
从JavaScript 到 JQuery (1)学习小结
JavaScript实现动态增加文件域表单
JavaScript DOM 添加事件
Javascript 跨域访问解决方案
检测是否已安装 .NET Framework 3.5的js脚本
JavaScript 获得选中文本内容的方法
Javascript 获取链接(url)参数的方法
javascript Ext JS 状态默认存储时间
动态为事件添加js代码示例
JSON扫盲帖 JSON.as类教程
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
js实现权限树的更新权限时的全选全消功能
javascript Table 中2个列(TD)的交换实现代码
js表数据排序 sort table data
javascript css在IE和Firefox中区别分析
JAVASCRIPT IE 与 FF中兼容问题小结
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
csdn 批量接受好友邀请

Javascript 中的 [原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox]


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 483 ::
收藏到网摘: n/a

移动鼠标,得到单元格所在表中的位置,主要是学习使用js的e.srcElement.

从cnblogs看到的代码,作者的代码随便不兼容firefox但,有助于大家学习为什么下面的代码兼容了firefox,大家可以对比下,有助于学习,对于更多的文章可以参考软晨学习网以前发布的文章。


[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

下面的代码是软晨学习网修改的兼容firefox的代码

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

主要区别如下:
1.事件e.srcElement与e.target
经常有人问 firefox 下的 event.srcElement 怎么用,在此详细说明:
IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即:
firefox 下的 event.target = IE 下的 event.srcElement
解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.
2.parentNode与parentElement的区别
使用parentElement时在FF下无效,搜索一下才知道parentElement它是IE专用的,IE多年的霸主地位造成现在不少应用中无法与其他浏览器兼容的问题,标准化真的很重要,呵呵,一定要向Web标准看齐哦