html重置文本框按钮,html输入框中删除按钮输入出现，不输入隐藏交互实现

$(function(){

var winHeight = $(window).height();

$('.delectIcon').tap(function(){

$(this).parents('.Cformline').find('input').val("");

})

//点击清除按钮清空输入框中的内容

$('.delectIcon').parent('.Ltar').tap(function(){

$(this).parents('.Cformline').find('input').val("");

})

$('input').bind("focus input propertychange",function(){

if($(this).val().length!=0){

var delIcon = $(this).parents('.Cformline').find('.delectIcon');

delIcon.css({'display':'inline-block'});

}else{

$('.delectIcon').hide();

}

})

//点击除了输入框以外的html元素时删除按钮消失

$('body').tap(function(e){

if($(e.target).closest("input").length == 0){

$('.delectIcon').hide();

}

})

//(ios)滑动屏幕时删除按钮消失

$(window).scroll(function () {

if(document.body.scrollTop == 0){

$('.delectIcon').hide();

}

})

//(安卓端)键盘落下时删除按钮消失

$(window).resize(function(){

var thisHeight = $(window).height();

if(winHeight - thisHeight <= 50){

$('.delectIcon').hide();

}else{

if($("input:focus").val() && $("input:focus").val().length > 0){

$('.delectIcon').css({'display':'inline-block'});

}

}

})

})