jquery文本框的focus和blur事件

导语 jquery文本框的focus和blur事件focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。表单中文本框的focus和b
jquery文本框的focus和blur事件 

focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件

 

<body>
        <h3>表单中文本框的focus和blur事件</h3>
        <input id="txtest" type="text" value="" />
        <div></div>
        
        <script type="text/javascript">
            $(function () {
                $("input")
                .bind("focus", function () {
                    $("div").html("请输入您的姓名!");
                })
         $("input").bind("blur", function () {
                    if ($(this).val().length == 0)
                        $("div").html("你的名称不能为空!");
                })
            });
        </script>
    </body>
</html>
 
语法
 
jQueryObject.focus( [ [ data ,]  handler ] )
如果指定了至少一个参数,则表示绑定focus事件的处理函数;如果没有指定任何参数,则表示触发focus事件。
 
参数
 
data 可选/任意类型触发事件时,需要通过event.data传递给事件处理函数的任意数据。
handler 可选/Function类型指定的事件处理函数。
jQuery 1.4.3 新增支持:focus()支持data参数。
 
参数handler中的this指向当前DOM元素。focus()还会为handler传入一个参数:表示当前事件的Event对象。
 
如果函数handler的返回值为false,则表示阻止元素的默认事件行为,并停止事件在DOM树中冒泡。例如,链接的click事件的处理函数返回false,可以阻止链接的默认URL跳转行为。
表单的submit事件的处理函数返回false,可以阻止表单默认的表单提交行为。
http://www.aseoe.com/ true jquery文本框的focus和blur事件 http://www.aseoe.com/show-13-483-1.html report <?php echo strlen($content) / 2; ?> jquery文本框的focus和blur事件focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。表单中文本框的focus和b
TAG:jquery focus blur
本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明: 文章转载自:爱思资源网 http://www.aseoe.com/show-13-483-1.html

[前端插件推荐] Plugin

1 2 3 4
  • jQuery实现逐字逐句显示插件l-by-l.min.js
  • jQuery带方向感知的鼠标滑过图片边框特效插件
  • jQuery HotKeys监听键盘按下事件keydown插件
  • 响应式无限轮播jQuery旋转木马插件
响应式无限轮播jQuery旋转木马插件
web前端开发
爱思资源网 Copyright 2012-2014 Www.Aseoe.Com All rights reserved.(晋ICP备13001436号-1)