如何在使用jQuery或JavaScript粘贴时立即删除所有空格

本文关键字：删除 空格 jQuery JavaScript | 更新日期: 2023-09-27 17:49:14

当用户将一些文本粘贴到字段中时，我希望能够立即删除所有空格。

<input type="text" class="white-space-is-dead" value="dor  on" />
$('.white-space-is-dead').change(function() {   
    $(this).val($(this).val().replace(/'s/g,""));
});
http://jsfiddle.net/U3CRg/22/

这段代码来自另一个例子。但是直到用户点击文本框以外的东西时才更新。我使用MVC与jQuery/JavaScript。

如何在使用jQuery或JavaScript粘贴时立即删除所有空格

将事件change切换为input，该事件将在字段中输入内容时触发，即使正在粘贴文本。

$('.white-space-is-dead').on('input', function() {   
    $(this).val($(this).val().replace(/'s/g,""));
});

看一下jQuery Events来更好地理解你有什么选择。

编辑:根据OP的评论和我在这个答案上的发现更新了答案。

正则表达式没有做您想要的。这可以工作，但不会触发，直到文本输入失去焦点。

$('.white-space-is-dead').change(function() {   
    $(this).val($(this).val().replace(/ /g,''));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="white-space-is-dead" value="dor  on" />

相关文章：