表单输入值时在表单末尾产生一个清除样式,点击清除却没有清除input值? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-06-17 11:06:31 1579 1

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

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:42:12

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

    0 0
相关问答

0

回答

服务器端websocket服务程序监听端口,客户端显示连接超时

2019-12-29 07:55:47 527浏览量 回答数 0

1

回答

实现一个整数加法计算器:content = input("请输入内容:")

2019-11-29 12:41:04 442浏览量 回答数 1

1

回答

咨询一个的问题,我想用foxtable+PG开发个应用,但是foxtable默认不支持,有没有朋友知道怎么连接

2019-04-30 10:51:53 1465浏览量 回答数 1

0

回答

大牛们帮我支个招哦!输入框里如何自动按回车键

2018-08-09 12:48:54 1705浏览量 回答数 0

1

回答

为什么我一个map, 25/26跑完, 最后一个停留在530000不动了? 可能有哪些原因?有什么可以trace排查的方式吗?谢谢

2017-07-04 17:14:32 1679浏览量 回答数 1

1

回答

点击widget时,如何在主activity中调用一个程序

2016-02-15 16:09:34 1412浏览量 回答数 1

0

回答

微软15年1月安全公告——Windowstelnet远程代码执行严重漏洞

2015-01-14 15:00:21 9278浏览量 回答数 0

1

回答

后台网卡显示出网150kbs,一个月大概要跑多少流量,怎么计算的?

2013-01-25 23:45:11 5221浏览量 回答数 1

5

回答

后台网卡显示出网150kbs,一个月大概要跑多少流量,怎么计算的?

2013-01-26 12:33:15 7948浏览量 回答数 5

4

回答

[教程]解除iTunes备份文件的加密,以便使用云伴侣导入联系人

2012-02-20 14:02:51 16227浏览量 回答数 4
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载