想问下,输入框末尾自动补充清空X的功能是怎么实现的 输入框清空X 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 那个x其实就是一张图片或者说是一个按钮,点击后输入框内容清空。用keydown事件检测输入框是否为空,如果不为空则显示清空按钮,如果为空则隐藏 css控制x显示位置<style>.input{position:relative;}.input .x{display:none;text-decoration:none;position:absolute;left:190px;color:blue;font-weight:bold}</style><div class="input"><a href="#" class="x" onclick="return clearInput(this)">x</a><input type="text" style="width:200px" onkeyup="xShow(this)" /></div><script type="text/javascript"> function clearInput(a) { a.parentNode.getElementsByTagName('input')[0].value = ''; a.style.display = 'none'; return false; } function xShow(ipt) { ipt.parentNode.getElementsByTagName('a')[0].style.display = ipt.value == '' ? 'none' : 'block' }</script> 页面有两个js冲突,请求解答 请教div随鼠标的移动改变颜色 语句解释 谢谢 js可以通过innerHTML或outerHTML获取iframe的HTML代码不 鼠标无法移出浏览器如何实现 烦请各位前辈,给小弟推荐一本学习javaScript的好书 如何实现按f11键之后的全屏效果,并且自动选择“自动隐藏” Jquery引用的问题. 如何调用另外一个文件的数组? 想在顶层窗口打开 刷新父窗口问题?回答后马上给分 Eclipse 搭建Node.js环境问题 kissy中元素宽度比较
用keydown事件检测输入框是否为空,如果不为空则显示清空按钮,如果为空则隐藏
.input{position:relative;}
.input .x{display:none;text-decoration:none;position:absolute;left:190px;color:blue;font-weight:bold}
</style>
<div class="input"><a href="#" class="x" onclick="return clearInput(this)">x</a><input type="text" style="width:200px" onkeyup="xShow(this)" /></div>
<script type="text/javascript">
function clearInput(a) {
a.parentNode.getElementsByTagName('input')[0].value = '';
a.style.display = 'none';
return false;
}
function xShow(ipt) {
ipt.parentNode.getElementsByTagName('a')[0].style.display = ipt.value == '' ? 'none' : 'block'
}
</script>