JavaScript:onblur与onfocus区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript:onblur与onfocus区别相关的知识,希望对你有一定的参考价值。

一、onblur

1.1 说明

onblur属性在元素失去焦点时触发,onblur常用于表单验证代码(例如用户离开表单字段)。

1.2 示例

<input type="text" name="" id="" onblur="javascript:alert(‘onblur‘);">

二、onfocus

2.1 说明

onfocus属性在元素获得焦点时触发,onfocus常用于<input>、<select>以及<a>。

2.2 示例

<!--点击后因为不断onfocus会不断弹出,可以直接关闭浏览器标签页终止-->
<input type="text" name="" id="" onfocus="javascript:alert(‘onfocus‘);">

JavaScript:onblur与onfocus区别

本文出自 “不知不问” 博客,请务必保留此出处http://mazey.blog.51cto.com/12997993/1941533

以上是关于JavaScript:onblur与onfocus区别的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript OnBlur 事件阻止提交 HTML 表单

PHP 搜索表单与onblur和onfocus文本

在 React 中的 onFocus 期间区分键盘和鼠标事件

JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

[TimLinux] JavaScript input框的onfocus/onblur/oninput/onchange事件介绍

React — 内联 onfocus 占位符 = ''