gpt4 book ai didi

Javascript onpaste replaceAll

转载 作者:行者123 更新时间:2023-11-30 14:50:38 26 4
gpt4 key购买 nike

我想粘贴一个文本框,粘贴后,它应该用逗号替换所有空格。

<!DOCTYPE html>
<html>
<body>

<input id="pc" type="text" contenteditable="true" onpaste="myFunction()" size="60" >


<script>
function myFunction() {
var e=document.getElementById("pc");
setTimeout(function(){alert(e.value);}, 45);
var x = document.getElementById("pc").value;
alert(x);
var s = x.replaceAll(" ",",");
alert(s);

document.getElementById("pc").value = s;
}
</script>
</body>
</html>

我的第一个警报打印空白。第二个警报 ( alert(x)) 也是空白的。第三个警报 ( alert(s)) 打印我要粘贴的文本。

我希望第三个警报打印替换的文本,并且此值会覆盖文本框中粘贴的值。

最佳答案

这个答案使用了 Jquery:

您可以先绑定(bind)到文本输入中的 paste 事件,然后将粘贴事件的结果抓取到一个变量中。然后,要用逗号替换空格,您只需要一个非常基本的正则表达式:data.replace(new RegExp(' ', 'g'), ','),它将每个空格替换为逗号。

$('#pc').bind('paste', function(e) {
var data = e.originalEvent.clipboardData.getData('Text');
data = data.replace(new RegExp(' ', 'g'), ',');
alert(data);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>

<body>

<input id="pc" type="text" contenteditable="true"size="60">


</body>

</html>

关于Javascript onpaste replaceAll,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48158122/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com