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