WWW.lllT.neT

在jquery中,可以应用focus()方式得到聚焦点事情,英语的语法“$(selector).focus()”;可以应用blur()方式失去焦点事情,英语的语法“$(selector).blur()”。

本实例教程实际操作自然环境:windows7系统软件、jquery1.10.2版本号、Dell G3电脑上。

前面网址中假如出现一些让客户填写信息的表单元素得话,我们可以应用JQ中得到聚焦点新闻和失去焦点事情,来给客户做出一些提醒的具体内容。今日大家就说一说JQuery下得到聚焦点和失去焦点的事情的操作方法。

jquery focus()得到聚焦点事情

focus()方式:当根据鼠标单击选定原素或根据 tab 键精准定位到原素时,该原素便会得到聚焦点。

英语的语法:

$(selector).focus()

拷贝

例:input 文本框得到聚焦点时更改其框边的色调

实例编码:

<input type="text" name="" id="mochu">
<script>
    $('#mochu').focus(function(){
        $(this).css('border-color','red');
    });
</script>

拷贝

当鼠标移进input中并点一下时,input原素会变为如下所示的方式

jq focus()事情,会为input添加一个CSS款式

<input type="text" name="" id="mochu" style="border-color: red;">

拷贝

jquery blur()失去焦点事情

blur()方式:当原素失去焦点时产生 blur 事情

英语的语法:

$(selector).blur()

拷贝

例:input失去焦点后,弹出来文本框中的具体内容

实例编码:

<input type="text" name="" id="mochu">
<script>
    $('#mochu').blur(function(){ 
    alert($(this).val());    
    });
 </script>

拷贝

运作結果如下图:

QQ截图20190506203906.png

运用jq blur()失去焦点事情来认证客户填写的具体内容

JQuery中的blur()失去焦点事情,我们可以用于检查用户在input文本框中键入的具体内容是不是合理合法,例如下列编码,假如客户填写的具体内容低于五个标识符就得出提醒

实例编码:

<input type="text" name="" id="mochu">
<script>
    $('#mochu').blur(function(){
        if($(this).val().length < 5){
            alert('篇幅太少了,多键入好多个吧');
        }
    });
</script>

有关实例教程建议:jQuery教程视频

以上便是jquery怎么获取和失去焦点事情的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery怎么获取和失去焦点事情发布于2021-12-13 11:00:02