欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

javascript失去焦点如何设置

程序员文章站 2022-03-06 22:33:10
...

javascript失去焦点的设置方法：使用blur，blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象。

javascript失去焦点如何设置

本教程操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。

javascript失去焦点的设置方法：

失去焦点：blur

blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象

示例：为所有输入表单元素绑定了focus和blur事件处理函数，设置当元素获取焦点时呈凸起，失去焦点呈凹陷

<!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>

相关免费学习推荐：javascript（视频）

以上就是javascript失去焦点如何设置的详细内容，更多请关注其它相关文章！

相关标签： javascript 失去焦点

上一篇： css怎么实现三角形

下一篇： 360浏览器怎么禁止javascript

推荐阅读