当前第2页 返回上一页
示例：为所有输入表单元素绑定了focus和blur事件处理函数，设置当元素获取焦点时呈凸起，失去焦点呈凹陷
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" />
<input type="text" />
<script>
var o = document.getElementsByTagName("input");
for(var i = 0; i < o.length; i++){
o[i].onfocus = function(){
this.style.borderStyle = "outset";
}
o[i].blur = function(){
this.style.borderStyle = "inset";
}
}
</script>
</body></html>
|
注意：如果时隐藏字段（< input type=“hidden” >），或者使用CSS的display和visibility隐藏字段显示，设置其获取焦点将引发异常。
【推荐学习：javascript高级教程】
以上就是JavaScript如何获取焦点和失去焦点的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
web学习之怎么使用纹理贴图
js实现图片无缝滚动
网页设计是要学 php 还是 java
怎么引入jquery？
js如何添加css样式
js闭包是什么
如何利用js拼接html字符串
js中常见的一些表单验证正则表达式
vue和node是什么关系
jquery.deferred() 详解
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » JavaScript如何获取焦点和失去焦点
