首页 > 代码库 > jquery 触发/失去焦点事件例子详解
jquery 触发/失去焦点事件例子详解
触发焦点:
$("Element").focus()
触发每一个匹配元素获得焦点事件。
$("Element").focus(function)
事件会在获得焦点的时候触发,既可以是鼠标行为,也可以是按tab键导航触发的行为,并且绑定一个处理方法。
失去焦点:
$("Element").blur()
触发每一个匹配元素失去焦点事件。
$("Element").blur(function)
事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的行为,并且绑定一个处理方法。
例子一
代码如下 复制代码
$(document).ready(function(){
$(".regbox .textb").bind("focus",function(){});
$(".regbox .textb").bind("blur",function(){});
$("input").css({"background-colo(www.111cn.net)r":"#fff3de"});
//if (screen.width>=1280){}else if (screen.width<1280){}
})
例子二
代码如下 复制代码
<script src="http://www.mamicode.com/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(‘#username‘).focus(function ()//得到教室时触发的时间
{
$(‘#username‘).val(‘‘);
})
$(‘#username‘).blur(function () 失去焦点时触发的时间
{
if ($(‘#username‘).val() == ‘marry‘) {
$(‘#q‘).text(‘用户名已存在!‘)
}
else { $(‘#q‘).text(‘ok!‘) }
})
from:http://www.111cn.net/wy/jquery/60507.htm
jquery 触发/失去焦点事件例子详解