jquery判断input输入框的值，用到input事件，blur事件，focus事件

需求：当输入框有字或者正在输入时，右边的圆形取消按钮才出现。否则不出现。

            //输入框正在输入时$("#ipt").on('input',function(){if(!($('#ipt').val()=='')){$(".cancle_ico").removeClass('hide');}else{$(".cancle_ico").addClass('hide');}})//输入框得到焦点时$("#ipt").on('focus',function(){if(!($('#ipt').val()=='')){$(".cancle_ico").removeClass('hide');}else{$(".cancle_ico").addClass('hide');}})//输入框失去焦点时$("#ipt").on('blur',function(){if(($('#ipt').val()=='')){$(".cancle_ico").addClass('hide');}else{$(".cancle_ico").removeClass('hide');}})

以下是效果图。input事件表示正在输入状态，focus事件表示得到焦点状态，blur表示失去焦点状态

http://api.jquery.com/bind/

http://www.runoob.com/jquery/event-on.html

jquery 输入框失去焦点时 (blur)事件相关推荐

jquery:当内容发生改变时触发事件
jquery:当内容发生改变时触发事件 (当元素的值改变时发生 change 事件(仅适用于表单字段). change() 方法触发 change 事件,或规定当发生 change 事件时运行的函数. ...
Textarea输入框失去焦点时隐藏手机键盘
今天在做公司年会的手机端上墙页面,发现在输入完成后,点击输入框以外的任何区域,键盘收起输入框没有自动回弹. 后面发现这种情部只是在iphone下才会产生,原来在点击空白的document处textar ...
html输入框多出的字隐藏,input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框,默认显示着"用户名/Email"的提示,当 ...
jquery输入框按下回车提交表单
jQuery on()方法是官方推荐的绑定事件的一个方法 $('#password').on('keydown', function(e) {// 短路语法,当e.keyCode == 13成立的时候 ...
php实现input输入框失去焦点自动保存输入框的数据
最近做一个输入框失去焦点时自动保存数据的功能,当然就是jQuery选择器选择input,blur时,ajax提交数据给php文件,php文件保存一下数据咯.主要是要注意一下中文的问题,所以中间需要转一 ...
【原】相煎何太急——input的blur事件与button的click事件
先来一段引子,最近在写手机h5页面,主要是一些登陆注册方面的,最绕不开的就是表单元素. 我想实现的是:在输入框后边有一个删除图标,当输入东西的时候触发事件,显示删除图标,点击该图标会删除之前输入的内容 ...
iview input blur事件
iview input blur事件对于 iview 中的 Input事件仅仅介绍 on-blur 事件,其他事件用法蕾丝. <template><Input v-model=&q ...
子节点含有表单元素的div元素的blur事件
1.div元素的blur事件 blur事件一般在表单元素如input元素才是存在的,对div.span等元素时无效的,但是可以给div元素加上tabindex属性,也可以让div等元素有焦点,所以bl ...
blur事件和ajax,js关于blur事件阻塞click事件
出现场景: 页面有一个输入框A绑定了blur事件,且这个事件里面需要用到ajax请求数据,然后有一个按钮B绑定了点击事件: 在A里面输入完信息后, 还没失去焦点的时候点击B,这个时候发现只执行了A的b ...

jquery 输入框失去焦点时 (blur)事件

jquery判断input输入框的值，用到input事件，blur事件，focus事件

jquery 输入框失去焦点时 (blur)事件相关推荐

最新文章

热门文章