jQuery blur和focus


这节给大家讲解blur标签与focus标签。



代码


首先我们需要对应的input。下面一起来写:

<input type=”text” id=”input1” name=”maizi” placeholder=”输入东西1”/>


操作代码:


 // focus blur 事件

        $("#input1").blur(function(){

            alert("blur事件");

        });

        $("#input1").focus(function(){

            $(this).blur();// 否则会不断的 执行这个,

            alert("focus事件");

        });



效果图


jQuery1.png

(点击input输入框,发生focus事件效果图)


jQuery2.png

(点击input输入框之外的空白处,发生blur事件效果图)



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部