div如何添加onfocus和onblur事件

简介: div如何添加onfocus和onblur事件

正文


有时候自己DIY一些组件的时候,容器一般就用div。

而div默认是没有聚焦的,没有聚焦onfocus和失焦onblur事件。

不过只要加上tabindex属性就好啦,值可以随便些。

  <div id="box" tabindex="111"></div>

有时候会出现一些自己预料外的聚焦外边框样式,可以通过ouline去掉。

  #box {
    outline: 0;
  }

IE需要在div上加上hidefocus属性。

 <div hidefocus="true" id="box" tabindex="111"></div>


相关文章
|
6月前
|
JavaScript 前端开发
事件绑定(onclick,onfocus,onblur)
事件绑定(onclick,onfocus,onblur)
84 0
|
6月前
|
流计算
oninput和onchange事件的区别是什么
oninput和onchange事件的区别是什么
|
1月前
|
JavaScript
oninput 和 onchange 事件有什么区别
oninput 和 onchange 事件有什么区别
117 4
|
3月前
oninput和onchange事件有什么区别?
oninput和onchange事件有什么区别? 最新推荐文章于 2024-08-14 15:45:18 发布
120 0
|
6月前
|
JavaScript 前端开发
oninput 和 onchange 事件的区别
oninput 和 onchange 事件的区别
79 9
|
6月前
oninput事件和onchange事件的区别?
oninput事件和onchange事件的区别?
|
6月前
|
JavaScript 前端开发
事件绑定(onmouseout,onmouseover)
事件绑定(onmouseout,onmouseover)
42 0
|
流计算
oninput和onchange事件有什么区别
oninput和onchange事件有什么区别
95 0
|
JavaScript 前端开发
一行jQuery代码搞定checkbox 全选和全不选
一行jQuery代码搞定checkbox 全选和全不选