模拟元素点击的几种方式
2015-10-15 15:01
351 查看
模拟元素点击的几种方式
最简单的莫过于使用click方法把input换成div呢
即不是所有浏览器中的所有元素都支持click方法。事实上只有input/button元素在所有浏览器才具有click方法。
以上的事件都是直接添加在html属性中的(内联事件)。click方法能触发使用el.onXXX/addEventListener/attachEvent添加的事件吗?
说明支持click方法的元素,无论使用内联方式还是el.onXX又或addEventListener/attachEvent添加事件都能触发。
click方法已经写入了HTML5草案,如果Safari/Chrome完成对剩下的元素的实现(非input/button)。那么模拟点击将十分简单,直接调用click方法。Firefox也是刚刚在版本5中实现对非input/button元素的click方法实现,这点Safari/Chrome有些落后了。
既然Safari/Chrome中click不可用, 我们就用dispatchEvent来实现了。
IE中还有个fireEvent去主动触发事件,当然如果是点击事件使用click更好。非点击事件则只能通过fireEvent去触发了。
最后给出我的triggerClick方法,实现方式判断浏览器,判断nodeName。依据是Safari/Chrome不支持非input/button元素的click方法。
相关文章推荐
- PHP中去除换行解决办法小结
- 使用信号量Semaphore设置容器边界
- 简单的在winform里添加透明的textbox
- ubuntu Terminal 显示路径太长
- 文章标题
- Android高效加载大图、多图解决方案,有效避免程序OOM
- IE8/9的console之坑
- 使用JavaScript+Html创建win8应用(二)
- 近期生活总结
- ContentProvider
- Android MIFARE读写器详解2
- MacOSX中设置和改变$PATH变量
- TabHost中执行子Activity的OnResume方法
- php;获得本地在局域网内的ip
- JAVA设计模式(3) —<创建型>单例模式(Singleton)
- 从网络获取数据的几种方法
- 总结android studio so 文件 引用正确姿势
- LeetCode 刷题2 (digit sum)
- C#.Net ArrayList的使用方法
- 指针