懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

jQuery手机端搜索框删除图标删除文字代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-07-16
这是一款jQuery实现的手机端搜索框删除图标删除文字代码,删除图标在搜索框右侧,点击可删除所有文字。删除图标为svg格式,需服务器支持。


js代码

<script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript">
$('.content').on('keyup',function(){
	$('.clear').show();
});
$('.clear').click(function(){
	$('.content').val('');
});
</script>