让HTML标签、DIV、SPAN拥有onfocus和onblur，聚焦和失焦
2016-08-24 22:18
609 查看
http://blog.sina.com.cn/s/blog_7dfe67db01010lnq.html
| 默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的，经我长久论证因为他们不具有tab属性，所以只要我们创建tab，那么任何标签都可以具有tab属性。 什么标签具有tab呢？显然input和a是得天独厚的具有，我们经常用键盘上的tab键进行移动光标的时候，我们发现光标只在具有tab属性的元素上进行跳转。 我们现在来让div拥有tab并具有onfucus和onblur属性！ 给元素创建tab属性：tabindex=参数(这里和z-index类似，计算tab起点)。 <div tabindex="0" hidefocus="true" onfocus='alert("得到焦点");' onblur='alert("失去焦点");' style="border:1px solid #ccc;width:200px;height:200px;outline=0;"></div> 复制代码运行代码(调试) 看到这里你了解了吧！ 另外，定义tab属性后，元素是默认会加上焦点虚线的，那么在IE中可以通过hidefocus="true"去除！其他浏览器通过outline=0进行去除！ |
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 真正让HTML标签、DIV、SPAN拥有onfocus和onblur，聚焦和失焦
- 让HTML标签、DIV、SPAN拥有onfocus和onblur，聚焦和失焦
- 让HTML标签、DIV、SPAN拥有onfocus和onblur，聚焦和失焦
- html从入门到放弃(7)-入门标签：块元素与内联元素<div/>和<span/>
- HTML第十二天 节标签 div span
- HTML中div和span两个标签的区别
- (18)HTML标签详解之<div> <span>
- html几个重要标签用法（div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em）
- HTML中Div、span、label标签的区别
- HTML中Div、span、label标签的区别
- HTML学习10－列表标签层标签 DIV标签／SPAN标签
- HTML中Div、span、label标签的区别
- [DOM] 给DIV或HTML所有元素增加onfocus和onblur事件
- [DOM] 给DIV或HTML所有元素增加onfocus和onblur事件
- html中的div span和frameset框架标签
- HTML——span、div、br、hr标签
- html标签div和span
- html中的div span和frameset框架标签
- HTML中Div、span、label标签的区别
- html中DIV与SPAN标签的区别