Button czyszczący input

Question

witam mając inputa w JS wykrywam na onclickup czy coś w tym inpucie zostało wpisane jezeli tak wyskakuje mi przycis do kasowania tego inputa, po naciśnięciu go ładnie mi czyści i znika. Ale problem jest gdy wpisany tekst kasuje bacjsoace'em wtedy ten button czyszczący zostaje. Czy ktoś mógłby mi podpowiedzieć jak do tego się zabrać? 

 

function clearInputField(type) {
	if ($('input[type=' +type+']').val().length = 1 ) {
		$("input[type="+type+"]").css({'width':'80%', 'heigth' : '30px', 'border-right' : '0'});
		$(".reset-input").show().click(function(){
			$("input[type="+type+"]").val("");
			$(".reset-input").hide();
			$("input[type="+type+"]").css({'width':'90%', 'heigth' : '30px', 'border-right' : '1px solid #4e4d4c'});

		});
	}
	
}

 

Answer 1

Stosowałbym zdarzenie input nie keyup. Przy tym zdarzeniu sprawdzaj ile znaków jest w takim polu: jak zero, to po prostu ukryj przycisk

Answer 2

Nie wiem na jakiej zasadzie działa ten Twój +type+, zrobiłem bez tego. Dalej sobie poradzisz 
Tutaj kod: https://jsfiddle.net/thLz7j8k/