判断input输入框的值,用到input事件,blur事件,focus事件
2018-07-09 17:47
525 查看
需求:当输入框有字或者正在输入时,右边的圆形取消按钮才出现。否则不出现。
- <script type="text/javascript">
- //输入框正在输入时
- $('.f2 input').on('input',function(){
- if(!($('.f2 input').val()=='')){
- $(".close").show();
- }else{
- $(".close").hide();
- }
- });
- //输入框得到焦点时
- $('.f2 input').on('focus',function(){
- if(!($('.f2 input').val()=='')){
- $(".close").show();
- }else{
- $(".close").hide();
- }
- });
- //输入框失去焦点时
- $('.f2 input').on('blur',function(){
- if(($('.f2 input').val()=='')){
- $(".close").hide();
- }else{
- $(".close").show();
- }
- });
- //清空value
- $('.close').on('touchstart', function() {
- $('.f2 input').val('').focus();
- });
- </script>
相关文章推荐
- 关于IE10输入框focus后触发input事件的bug
- input输入框(blur,change,focus)
- input(输入框)根据id获得焦点(focus)事件无效解决方案
- input的focus和blur事件
- uploadify上传之前判断一个input输入框是否为空
- jQuery中blur和focus事件的应用
- onpropertychange 实时监控input输入框事件实现
- jQuery中blur和focus事件的应用
- 解决火狐浏览器iframe的focus和blur事件触发无效问题
- HTML 输入框input事件监听实例
- HTML DOM focus()和blur()方法 输入框鼠标指过自动消失鼠标离开显示 js
- input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
- input的blur事件隐藏div,div上的onclick事件不生效解决方案
- js监听input等表单输入框的变化事件oninput
- Firefox中Iframe的blur与focus事件问题
- 【五】jquery之事件(focus事件与blur事件)[提示语的出现及消失时机]
- DOM事件 中的 focus 和blur
- Firefox中Iframe的blur与focus事件问题
- HTML5 input事件检测输入框变化
- oninput、onchange与onpropertychange事件的区别, 与input输入框实时检测