因业务需要，录入内容时需要用到复制按钮，还需要自动过滤里面的空格跟回车，刚开始都是人工删除，发现效率非常慢，于是就想到自动化一点，每次让文本自动获取焦点，复制时自动过滤空格回车。
蚂蚁学院小编用Jquery编写一下，只需要简单的几句代码，就可以实现了。
以下是效果展示：
以下是Html源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蚂蚁学院 Jquery自动获取焦点，删除空格，过滤回车</title>
<script src="js/jquery172.js"></script>
<style type="text/css">
.mayi_body{text-align: center; margin-top: 80px; line-height: 32px;}
#content{width: 50%; margin-top: 18px; border: 1px solid #ccc; height: 100px; padding: 10px;}
</style>
</head>
<body>
<div class="mayi_body">
<div>蚂蚁学院 mayixueyuan.com<br>Jquery自动获取焦点，删除空格，过滤回车</div>
<div><textarea name="content" id="content" placeholder="蚂蚁学院提醒您：请粘贴内容，自动过滤空格+回车"></textarea></div>
</div>
<script>
$(function(){
$("#content").focus();
$('#content').bind('input propertychange', function(){
$("#content").val($("#content").val().trim().replace(/\s/g,""));
})
})
</script>
</body>
</html>10蚂蚁积分下载
俗话说，人生不如意事十之八九，但乐观的人总能发现那十之一二的美好：傍晚恰好看到了很美的晚霞、今天的方案得到了客户的肯定、学会做一道新的菜、喜欢了很久的人点赞了自己的朋友圈……我们是怎样的人，就会看见怎样的世界。相信美好，我们才会遇见美好；相信美好，我们才能成为美好。
0
本文标签：
-
已经是最后一篇文章了
- 下一篇>>
