因业务需要，录入内容时需要用到复制按钮，还需要自动过滤里面的空格跟回车，刚开始都是人工删除，发现效率非常慢，于是就想到自动化一点，每次让文本自动获取焦点，复制时自动过滤空格回车。
蚂蚁学院小编用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
本文标签：
-
已经是最后一篇文章了
- 下一篇>>
