开发者社区> 问答> 正文

表单输入值时在表单末尾产生一个清除样式,点击清除却没有清除input值?

html代码

<input type="text" id="input"  placeholder="请输入手机号/用户名" autocomplete="on" required>
                    <span id="clear"><i class="fa fa-close fa-2x" id="icoinput"></i></span>

jquery代码:`
$(document).ready(function(){

$('#input').focus(function(){
    $('#icoinput').css("display","block");
    $('#clear').click(function(event) {
        $("input").attr("value","");
    });
});
$('#input').blur(function(){
    $('#icoinput').css("display","none");
});

});`

screenshottml

展开
收起
杨冬芳 2016-06-17 11:06:31 1983 0
1 条回答
写回答
取消 提交回答
  • IT从业

    当你点击清除按钮的时候,先触发blur事件, $('#icoinput').css("display","none"); 被隐藏,相当于点击事件没了。

    2019-07-17 19:42:12
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载