使用keyup事件使jquery图标可见

Make a jquery icon visible using on keyup event

本文关键字：图标 jquery keyup 事件 使用      更新时间：2023-09-26

看不懂。我有一个简单的html输入和一个jquery ui图标。我想做的是有图标隐藏，直到某种"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>

试试下面的内容

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

你可以使用Javascript，或者jQuery…首先，一个Javascript示例:

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

最好是在jQuery中，现在这里都是Javascript:

$("#solo1").keyup(function(){
    $("#saveButton").show();
});
相关文章：