我琢磨一天没能做出来：按钮实现delete功能，不用键盘

niuniu 2002-05-23 07:48:53
前提是不可以使用键盘
就是在一个text的form中用一个button实现delete功能，
insert已经实现了，块delete也实现了，就是删除光标后一个字母实现不了.
原码如下：
<HTML>
<HEAD>
<SCRIPT>
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text;
}
else
textEl.value = text;
}
function deleteAtCaret (textEl) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
document.selection.clear();
}
//alert(aForm.aTextArea.
}


</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft" ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);"> 这是例子，你可以在这里添加文字、插入文字。 </TEXTAREA>
<BR>
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="我要在光标处插入这些文字"><BR>
<INPUT TYPE="button" VALUE="我要在光标处插入上面文本框里输入的文字！" ONCLICK="insertAtCaret(this.form.aTextArea, this.form.aText.value);">
<INPUT TYPE="button" VALUE="delete" ONCLICK="deleteAtCaret(this.form.aTextArea);" id=button1 name=button1>
</FORM>
<script language="javascript">
document.write(aForm.aTextArea.cols);
//document.write(aForm.aTextArea.);
</script>
</BODY>
</HTML>
...全文
90 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
qiushuiwuhen 2002-05-24
  • 打赏
  • 举报
 回复
用这种删除光标前面的字符
var rng=document.selection.createRange();
rng.moveStart("character", -1)
rng.text="";
niuniu 2002-05-24
  • 打赏
  • 举报
 回复
我想只移动前一个或后一个呢，怎么实现？
weidegong 2002-05-24
  • 打赏
  • 举报
 回复
我琢磨了半天，试图
document.selection.createRange().moveEnd("character",-1)
document.selection.createRange().moveStart("character",-1)
document.selection.createRange().moveStart("character",1)

发现都不能删除光标前面的字符
qiushuiwuhen 2002-05-24
  • 打赏
  • 举报
 回复
上面的代码已被修正过了，原因见
http://www.blueidea.com/bbs/newsdetail.asp?id=471098

代码如下：
<HTML>
<HEAD>
<SCRIPT>
function insertAtCaret (textEl, text) {
textEl.focus();
document.selection.createRange().text += text
textEl.blur();
}
function deleteAtCaret (textEl) {
textEl.focus();
document.selection.createRange().moveEnd("character",1)
document.selection.clear();
textEl.blur();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft"> 这是例子，你可以在这里添加文字、插入文字。 </TEXTAREA>
<BR>
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="我要在光标处插入这些文字"><BR>
<INPUT TYPE="button" VALUE="我要在光标处插入上面文本框里输入的文字！" ONCLICK="insertAtCaret(this.form.aTextArea, this.form.aText.value);">
<INPUT TYPE="button" VALUE="我要删除光标后面的一个文字！" ONCLICK="deleteAtCaret(this.form.aTextArea);">
</FORM>
</BODY>
</HTML>
wizz 2002-05-24
  • 打赏
  • 举报
 回复
呵呵，我的生意来了，，大家不要抢。。：）

下面时代码，只改了一句话。

<HTML>
<HEAD>
<SCRIPT>
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text;
}
else
textEl.value = text;
}
function deleteAtCaret (textEl) {
if (textEl.createTextRange && textEl.caretPos) {
textEl.caretPos.select();
document.selection.clear();
}
//alert(aForm.aTextArea.
}


</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft" ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);"> 这是例子，你可以在这里添加文字、插入文字。 </TEXTAREA>
<BR>
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="我要在光标处插入这些文字"><BR>
<INPUT TYPE="button" VALUE="我要在光标处插入上面文本框里输入的文字！" ONCLICK="insertAtCaret(this.form.aTextArea, this.form.aText.value);">
<INPUT TYPE="button" VALUE="delete" ONCLICK="deleteAtCaret(this.form.aTextArea);" id=button1 name=button1>
</FORM>
<script language="javascript">
document.write(aForm.aTextArea.cols);
//document.write(aForm.aTextArea.);
</script>
</BODY>
</HTML>
10 年码龄程序员编程不用鼠标？竟是记住了所有快捷键！已整合
文章目录 程序员必备 Windows 快捷操作大全 程序员如何打开一个程序 Alt，Shift ，Ctrl 相关快捷键 文章来源：CSDN丨梦想橡皮擦 如何成为编程大佬？ 那当然是编码的时候手不离键盘，疯狂敲击。 毕竟每一次右手离开键盘去触碰鼠标，都是一次浪费时间的操作。 成为大佬的第一步，熟记键盘快捷键与常用命令。 假设你现在有一块下图所示标准键盘。 快捷键核心以 Windows7 操作系统为准，为啥？因为写博客的时候正在用 Windows 7 。 快捷键只介绍能让你..
C++Builder的基本功能
C++Builder的基本功能 我们用高级语言写程序，我们很得意，因为高级语言比较接近人类的语言，使我们用起来得心应手，所以我们当然得意。但我们更得意的一定是让程序代码赶快变成可执行文件。 无论是在写代码的过程，还是最后要编译成可执行文件，都需要有一个工具存在。这一工具一般称为编程集成环境（IDE）。之所以称为集成，是因为从写代码到最后软件的出炉，我们需要它的地方实在太多了，这里列出其中...
电脑高手140招（收藏起来慢慢琢磨）
 1. 重装Windows XP不需再激活     如果你需要重装Windows XP，通常必须重新激活。事实上只要在第一次激活时，备份好Windows//System32目录中的Wpa.dbl文件，就不用再进行激活的工作了。在重装Windows XP后，只需要复制该文件到上面的目录即可。 　　2. 如何知道自己的Windows XP是否已激活     打开开始→运行，在弹出的对话
VBS教程
    Vbs是一种Windows脚本，它的全称是:Microsoft Visual Basic Script Editon.(微软公司可视化BASIC脚本版)，VBS是Visual Basic的的一个抽象子集，是系统内置的，用它编写的脚本代码不能编译成二进制文件，直接由Windows系统执行（实际是一个叫做宿主host的解释源代码并执行），高效、易学，但是大部分高级语言能干的事情，它基本上都具...
VS Code的使用
VS Code 软件实在是太酷、太好用了，越来越多的新生代互联网民工正在使用它。前端男神尤雨溪大大这样评价 VS Code：有一点你可能会感到惊讶：VS Code 这款软件本身，是用 JavaScript 语言编写的（具体请自行查阅基于 JS 的 PC 客户端开发框架Electron任何能够用 JavaScript 实现的应用系统，最终都必将用 JavaScript 实现。Jeff Atwood 这个人是谁不重要（他是 Stack Overflow 网站的联合创始人），重要的是这条定律。
JavaScript

87,996

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章