js获取焦点和失去焦点事件字母大小写

JavaScript010

js获取焦点和失去焦点事件字母大小写,第1张

焦点处理主要包括focus(获取焦点)和blur(失去焦点)事件类型。

1、获取焦点:focus,当单击或使用Tab键切换到某个表单元素或超链接对象时,会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下,整个文档处于焦点状态,但是单击或者使用Tab键可以改变焦点位置。

2、失去焦点:blur,blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象,示例:输入框失去点击焦点时,会在文本框后面提示“请输入11位手机号。。。”,并且输入内容是非数字时,会提示“请输入数字。。。”

javascript通过 onFocus onBlur来判断焦点和失去焦点

<input type="text" id="p" onBlur="alert('lose focus!')"

onFocus="alert('get focus')" />

jquery $("#p").blur()$("#p").blur(fn)

或$("#p").focus()或$("#p").focus(fn)来处理焦点事件

前者:$("#p").blur()$("#p").focus()用来强制获取或失去焦点

后者:$("#p").blur(fn),$("#p").focus(fn)则类似js的onBlur和onFocus用以处理焦点移出和获取时事件处理!