Сделать значок jquery видимым при использовании события keyup

Question

В тупик в этой части. У меня есть простой ввод HTML и значок пользовательского интерфейса jquery. То, что я хочу сделать, это скрыть иконку, пока не произойдет какое-либо событие «keyup» на входе html. В настоящее время свойство css иконки установлено на display:none;, но как бы я использовал javascript для отображения этого после того, как какой-то текст был введен во ввод html?

- Вот мой код

<input id="solo1" /> <div id="saveButton" class="ui-state-default ui-corner-all" title="Save" style="float:left; display:none; height:20px;" ><span class="ui-icon ui-icon-disk"></span></div>

Answer 1

Вы можете использовать Javascript или jQuery ... сначала пример Javascript:

<input id="solo1" onKeyUp="document.getElementById('saveButton').style.display = 'block';" />

Предпочтительно, в jQuery, и это все, что Javascript сейчас:

$("#solo1").keyup(function(){
    $("#saveButton").show();
});

Answer 2

Попробуйте что-то вроде ниже

$("#solo1").keypress(function(){
    $("#saveButton").show();
});