按一下删除键删除整个单词

最新推荐文章于 2022-05-04 18:22:13 发布

置顶

马拉森

最新推荐文章于 2022-05-04 18:22:13 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/jhp_apples/article/details/39084875

版权

本文通过一个Demo展示如何使用JavaScript实现一键删除文本框中整个单词的功能。当触发删除操作时，代码会智能地删除当前光标所在位置的整个单词。

摘要由CSDN通过智能技术生成

在文本框倒叙输入一文中提到了设置文本框焦点的javascript代码，今天就使用这段代码来做一个Demo。内容就是当删除单词时就一次性删除整个单词，如图所示：

下面我把示例代码贴上：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4  <title></title>
 5     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 6     <style>
 7         .content {
   width: 300px;margin: 0 auto;}
 8     </style>
 9     <script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js"></script>
10 </