javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] 原创
作者:
移动鼠标,得到单元格所在表中的位置,主要是学习使用js的e.srcElement.
从cnblogs看到的代码,作者的代码随便不兼容firefox但,有助于大家学习为什么下面的代码兼容了firefox,大家可以对比下,有助于学习,对于更多的文章可以参考脚本之家以前发布的文章。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面的代码是脚本之家修改的兼容firefox的代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
主要区别如下:
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标准看齐哦
您可能感兴趣的文章:
- JS与jQuery遍历Table所有单元格内容的方法
- JS使用for循环遍历Table的所有单元格内容
- JS 实现Table相同行的单元格自动合并示例代码
- 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
- javascript实现的使用方向键控制光标在table单元格中切换
- javascript table美化鼠标滑动单元格变色
- 利用js制作html table分页示例(js实现分页)
- Js获取table当前tr行的值的代码
- JS动态添加Table的TR,TD实现方法
- js添加table的行和列 具体实现方法
- JS获取Table中td值的方法
- Js实现动态添加删除Table行示例
- JS实现动态修改table及合并单元格的方法示例