精华内容
下载资源
问答
  • jQuery 文本框事件绑定与取消代码

    千次阅读 2014-09-20 14:59:37
    术语由事件“触发”(或“激发”)经常会被使用。通常会把 jQuery 代码放到 部分的事件处理方法中: jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:(个人理解)bind是一次...

    事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。通常会把 jQuery 代码放到 部分的事件处理方法中:

    jquery 绑定事件

    目前1.7以上,jquery的事件绑定已经用on替换了原来的bind;
    区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点;

    用法:bind

     代码如下复制代码
    一个事件,一个方法:$(".class input").bind('click',function(e){...;e.stopPropagation;})
    两个事件,一个方法:$(".class input").bind('click mouseover',function(e){...;e.stopPropagation;})
    两个事件,两个方法:$(".class input").bind({ click:function(e){...;e.stopPropagation;}, mouseover:function(e){...;e.stopPropagation;} })

    on,可以直接替换掉bind,就是说上述的用法都适用于on;
    此外,on比bind多了两个可选参数

     代码如下复制代码
    on( events [, selector ] [, data ], handler(eventObject) )

    selector:要绑定的元素,上面的例子可以写成:$(".class").bind('click','input',function(e){...;e.stopPropagation;})
    (需要注意的是,有一个事件不好用,就是'大便'ie下独有的事件:onpropertychange;

     代码如下复制代码
    可以用:$(".class input").bind('propertychange',function(e){...;e.stopPropagation;})
    没反应:$(".class").bind('propertychange','input',function(e){...;e.stopPropagation;})
    )

    data:传递给event.data的参数,

     代码如下复制代码
    $(".class").bind('click','input','123',function(e){alert(e.data/*123*/);e.stopPropagation;})
    (更具体用法可查看手册http://api.jquery.com/on/);

    (2)input textare 事件
    之前做一个文本框内容实时变化事件触发时,用onkeyup + onchange;但onchang必须在文本框失焦后才会触发,后来发现可以用
    (if IE) onpropertychange + else oninput 来处理。

    说明:
    oninput 事件在用户输入、退格、删除、剪切、粘贴及鼠标剪切与粘贴时触发(在 IE9&IE9+ 中可能略有区别)。
    (Firefox、Chrome、IE9&IE9+ 均支持)
    onpropertychange 事件在用户输入、退格、删除、剪切、粘贴及鼠标剪切与粘贴时触发
    (仅 IE 支持)。

    jQuery 事件
    下面是 jQuery 中事件方法的一些例子:

    Event 函数 绑定函数至

    $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
    $(selector).click(function) 触发或将函数绑定到被选元素的点击事件
    $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
    $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
    $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件


    unbind() 方法移除被选元素的事件处理程序。

    该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。

    ubind() 适用于任何通过 jQuery 附加的事件处理程序。
    取消绑定元素的事件处理程序和函数
    规定从指定元素上删除的一个或多个事件处理程序。

    如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序。


    移除之前的绑定事件

     代码如下复制代码

    用$("#result").unbind("click")

    如果你要移除所有的绑定事件,直接用 $("#result").unbind()

     代码如下复制代码

    例题中用 $("#sidebar h3").unbind("click")


    语法

     代码如下复制代码

    $(selector).unbind(event,function)

    使用 Event 对象来取消绑定事件处理程序

    规定要删除的事件对象。用于对自身内部的事件取消绑定(比如当事件已被触发一定次数之后,删除事件处理程序)。

    如果未规定参数,则 unbind() 方法会删除指定元素的所有事件处理程序。

    语法

     代码如下复制代码
    $(selector).unbind(eventObj)亲自试一试

    参数 描述
    eventObj 可选。规定要使用的事件对象。这个 eventObj 参数来自事件绑定函数。


    http://www.php100.com/html/program/jquery/2013/0905/5928.html

    展开全文
  • 文本框获取/移除焦点

    2020-03-09 20:30:23
    自动聚焦 <input type="text" class="search-input" autofocus="autofocus"> js获取焦点 $(".search-input").focus(); js移除焦点 $(".search-input").blur();

    自动聚焦

    <input type="text" class="search-input" autofocus="autofocus">
    

    js获取焦点

    $(".search-input").focus();
    

    js移除焦点

    $(".search-input").blur();
    
    展开全文
  • jQuery实现的文本框默认值感应鼠标动作: 本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能。 比如当文本框获取鼠标焦点的时候,默认值会被清空,当文本框没有输入内容,鼠标焦点离开的时候,又会...
  • 主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • 文本框光标离开事件:onBlur

    万次阅读 2016-07-17 11:17:41
    在输入完成qq号码、微信号码、email、手机号的时候,就去校验,利用文本框的 光标离开事件:onBlur ,在这个事件里写校验重复的程序,把并加入本联系人的id,如果重复,在文本框下面,或者后面用红色字体提示 重复等...

    在输入完成qq号码、微信号码、email、手机号的时候,就去校验,利用文本框的 光标离开事件:onBlur ,在这个事件里写校验重复的程序,把并加入本联系人的id,如果重复,在文本框下面,或者后面用红色字体提示 重复等 信息。
    而且不阻止用户的保存联系人信息。

    //首先用正则表达式判断是否合法,然后,通过Ajax,调用对应的//url,即对应的action的方法,实现数据的前后台的异步交互。根据//返回的msg来进行判断。
    function isEmail(str){
               var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
               var email=document.getElementById("contact_email").value;
               var id=document.getElementById("contact_id").value;
               var url="${ctx}/crm/contact.action?method:checkForm";
               $.ajax({
                    url : url,
                    async:false,
                    type : "post",
                    dataType : "json",
                    data : {
                            id:id,
                            email:email
                        },
                    success : function(data) {
                        pass=data.pass;
                        msg=data.msg;
                    }
              });
               if(reg.test(str)=== false){
                   document.getElementById("txtHint").innerHTML="输入不合法";   
               }else if(msg!=null){
                   document.getElementById("txtHint").innerHTML=""+msg;
               }else{
                   document.getElementById("txtHint").innerHTML="";
               }
        }
        function isQQ(str){
               var reg=/^\d{5,10}$/;  
               var qq=document.getElementById("contact_QQ").value;
               var id=document.getElementById("contact_id").value;
               var url="${ctx}/crm/contact.action?method:checkForm";
               $.ajax({
                    url : url,
                    async:false,
                    type : "post",
                    dataType : "json",
                    data : {
                            id:id,
                            QQ:qq
                        },
                    success : function(data) {
                        pass=data.pass;
                        msg=data.msg;
                    }
              });
               if(reg.test(str)=== false){
                   document.getElementById("QQHint").innerHTML="输入不合法";   
               }else if(msg!=null){
                   document.getElementById("QQHint").innerHTML=""+msg;
               }else{
                   document.getElementById("QQHint").innerHTML="";
               }
    
        }
        function isPhoneNumber(str){
            var reg=/^1[3|4|5|7|8]\d{9}$/;
            var mobile=document.getElementById("contact_mobile").value;
             var id=document.getElementById("contact_id").value;
            var url="${ctx}/crm/contact.action?method:checkForm";
               $.ajax({
                    url : url,
                    async:false,
                    type : "post",
                    dataType : "json",
                    data : {
                            id:id,
                            mobile:mobile
                        },
                    success : function(data) {
                        pass=data.pass;
                        msg=data.msg;
                    }
              });
               if(reg.test(str)=== false){
                   document.getElementById("pnHint").innerHTML="输入不合法";   
               }else if(msg!=null){
                   document.getElementById("pnHint").innerHTML=""+msg;
               }else{
                   document.getElementById("pnHint").innerHTML="";
               }
    
        }
    <div class="row">
                    <label class="col-sm-1 control-label no-padding-right"
                        for="contact_mobile">手机:</label>
                    <div class="col-sm-5">
                        <input type="text" name="contact.mobile" id="contact_mobile" value="${contact.mobile}" class="input-large" onblur="isPhoneNumber(this.value)"/>
                        <font id="pnHint" color="#FF0000"></font>               
                    </div>
    
                    <label class="col-sm-1 control-label no-padding-right"
                        for="contact_email">邮箱:</label>
                    <div class="col-sm-5">
                        <input type="text" name="contact.email" id="contact_email" value="${contact.email}" class="input-large" onblur="isEmail(this.value)"/>
                        <font id="txtHint" color="#FF0000"></font>
                    </div>
                </div>
                <label class="col-sm-1 control-label no-padding-right"
                        for="contact_QQ">QQ:</label>
                    <div class="col-sm-3">
                        <input type="text" name="contact.QQ" id="contact_QQ" value="${contact.QQ}" class="input-large" onblur="isQQ(this.value)"/>
                        <font id="QQHint" color="#FF0000"></font>
                    </div>
    //对应的action的方法。
    //判断String 不为空的方法,先判断不为null再判断是否equals ""   :   (!(QQ ==null || QQ.equals(""))
    
    public void checkForm(){
            String mobile=(String)getParameter("mobile", String.class);
            String email=(String)getParameter("email", String.class);
            String QQ=(String)getParameter("QQ", String.class);
            Long id=(Long)getParameter("id",Long.class);
            System.out.println("id: "+id);
            boolean pass=true;
            String mobileSql="SELECT * FROM t_contact c WHERE c.f_mobile=? AND c.f_id!=?";
            List mobileList = manager.findByNativeSqlAsMap(mobileSql, new Object[]{mobile,id});
    
            String emailSql="SELECT * FROM t_contact c WHERE c.f_email=? AND c.f_id!=? ";       
            List emailList = manager.findByNativeSqlAsMap(emailSql, new Object[]{email,id});
    
            String qqSql="SELECT * FROM t_contact c WHERE c.f_qq=? AND c.f_id!=? ";
            List qqList = manager.findByNativeSqlAsMap(qqSql, new Object[]{QQ,id});
            //mobile不为空且size不为0,即有重复
            if((!(mobile ==null || mobile.equals("")))&& mobileList.size()!=0){
                pass=false;
                msg+="手机号:"+mobile+ "  重复   ";          
            }
            if((!(email ==null || email.equals(""))) && emailList.size()!=0){
                pass=false;
                msg+="email:"+email+"  重复   ";          
            }
            if((!(QQ ==null || QQ.equals(""))) && qqList.size()!=0){
                pass=false;
                msg+="qq号:"+QQ+"  重复  ";    
            }
            JSONObject resultObject = new JSONObject();
            resultObject.put("pass", pass);
            if(!(msg ==null || msg.equals(""))){
                resultObject.put("msg", msg.substring(4));
            }else{
                resultObject.put("msg", msg);
            }
    
            System.out.println("==========");
            System.out.println("pass"+pass);
            System.out.println(resultObject.toString());
            responseWrite(resultObject.toString());
        }
    
    展开全文
  • 主要介绍了javascript和jquery实现设置和移除文本框默认值效果代码,本文实现的是类似html5 placeholder(空白提示)一种效果,需要的朋友可以参考下
  • input的disabled 会使 表单提交失败 readonly设置后,ondblclick还是可以运行。 求解 怎样使ondblclick失效 或者 怎样动态添加ondblclick事件
  • 这篇文章主要介绍了 jQuery 设置和移除文本框默认值的方法 ,实例分析了 jQuery 操作文 本框的技巧 ,具有一定参考借鉴价值 ,需要的朋友可以参考下 本文实例讲述了 jQuery 设置和移除文本框默认值的方法分享给大家供...
  • vue 文本框事件移出文本框 blur无效

    千次阅读 2019-01-08 10:29:59
    无效的原因 @blur.prevent 调用原标签时间。

    无效的原因

    @blur.prevent 调用原标签时间。

    展开全文
  • HTML input文本框设置和移除默认值

    千次阅读 2019-09-25 19:49:37
    这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失。 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: <input id="keyword" name="keyword" ...
  • 这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失。 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: [html]view plaincopy <...
  • js中input文本框设置和移除默认值

    千次阅读 2020-07-17 15:50:37
    这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失。 1.可以通过事件的方式,就是给input文本框加上onfocus属性,如下代码: <input id="keyword" name="keyword" size=...
  • Input文本框设置和移除默认值

    千次阅读 2016-11-10 14:01:20
    1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码:  onfocus='if(this.value=="请输入关键字进行搜索"){this.value="";}; '  onblur='if(this.value==""){this.value="请输入关键字进行搜索...
  • 要通过removeEventListener移除事件时候,要通过函数名的方式移除 2. 必须保证在注册事件的时候,处理程序就得是命名函数 3. 例如: div . addEventListener ( 'click' , fn ) ; function fn ( ) ...
  • 前端面试题(持续更新中)

    万次阅读 多人点赞 2019-11-06 17:16:33
    13.ajax的同步和异步区别: 同步:提交请求 -> 等待服务器处理 -> 处理完毕返回,这个期间客户端浏览器不能干任何事 异步:请求通过事件触发 -> 服务器处理(这是浏览器仍然可以作其他事情)-> 处理完毕 ajax.open...
  • 前端面试题

    万次阅读 多人点赞 2019-08-08 11:49:01
    怎样添加、移除、移动、复制、创建和查找节点(原生JS,实在基础,没细写每一步) 61 有这样一个URL: http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e,请写一段JS程序提取URL中的各个GET参数(参数名和参数...
  • $item.mouseover(function(){//鼠标滑入 ... }).mouseout(function(){//鼠标滑出 ...如上,对dom绑定了鼠标事件,那么如何解除绑定呢?如下设置即可: $item.unbind('mouseover').unbind('mouseo...
  • 这里实现的目标是:设置和移除文本框的默认值,鼠标放上去,文字消失 HTML代码如下: JS实现方式如下: <input type="text" class="search" value="请输入关键字进行搜索" id="menu_search" onfocus='if...
  • 一个API使用实例,用VB移除TextBox文本框固有的右键信息,并自定义你喜欢的右键菜单,可上边的截图,这个功能还是很实用的。
  • onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。 了解这一点后我们发现onpropertychange的效果就是我们想要的,可是很遗憾,它只在IE下有效果。我们能不能找到另外一个时间来代替...
  • adb命令大全

    千次阅读 多人点赞 2019-06-03 22:19:07
    以前安装过同名应用,但卸载时数据没有移除;或者已安装该应用,但签名不一致 先 adb uninstall 再安装 INSTALL_FAILED_SHARED_USER_INCOMPATIBLE 请求的共享用户存在但签名不一致 INSTALL_FAILED...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,339
精华内容 8,135
关键字:

文本框移除事件