jquery的focus函数用法示例

发布时间:2020-09-10编辑:脚本学堂
在jquery中,focus函数用来触发点击某个按钮或提交值错误等事件,然后把焦点给到某个元素。本文分享几个例子,供大家学习参考。

使用jquery中的focus函数,可以在点击某个按钮或提交值错误等触发事件发生时把焦点给到某个元素。

例如:
 

复制代码 代码示例:
$(selector).focus(function)

function函数可以修改成当某个元素获得焦点以后需要实现的功能。

以下是w3c手册中对focus函数的介绍。

jQuery 事件 - focus() 方法
jQuery 事件参考手册

实例
当输入框获得焦点时,改变它的背景色:

复制代码 代码示例:
$("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
});

定义和用法
当元素获得焦点时,发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。

触发 focus 事件

语法
$(selector).focus()
将函数绑定到 focus 事件

语法
$(selector).focus(function)

参数 描述
function 可选。规定当发生 focus 事件时运行的函数。