需求:当输入框有字或者正在输入时,右边的圆形取消按钮才出现。否则不出现。
- <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>