• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

jQuery blur()怎么用?

jquery 搞代码 4年前 (2021-12-27) 44次浏览 已收录 0个评论

1、直接使用$('input').blur(),会让input失去焦点;2、使用$('input').blur(function(){}),可以设置input失去焦点时的响应事件。

jQuery blur()怎么用?

当元素失去焦点时触发 blur 事件。

blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。

语法

$(selector).blur()
$(selector).blur(function)

示例1:(推荐学习:jQuery 教程手册)

这里我们使用textarea来测试,首先定义了文本域获取焦点时的背景颜色,然后在定时器里延迟2s让文本域失去焦点。

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
       <mark style="color:transparent">来源gaodaimacom搞#^代%!码网</mark> #app{
            width: 100px;
            height: 100px;
            background: skyblue;
        }
        #app:focus{
            background: green;
        }
    </style>
</head>
<body>
<script src="./jquery.min.js"></script>
<textarea id="app"></textarea>
<script>
    setTimeout(()=>{
        $('#app').blur();
    }, 2000)
</script>
</body>
</html>

效果:当刷新网页后,点击文本域,它获取了焦点,2s后调用了blur()方法,文本域失去了焦点。

示例2:

$('#app').blur(()=>{
    console.log('失去焦点', new Date().getTime())
});

效果:

本文来自jQuery答疑栏目,欢迎学习!

以上就是jQuery blur()怎么用?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery blur()怎么用?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址