js实现按一下删除键删除整个单词附demo
在文本框倒叙输入一文中提到了设置文本框焦点的javascript代码，今天就使用这段代码来做一个Demo。内容就是当删除单词时就一次性删除整个单词，如图所示：
下面我把示例代码贴上：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
.content {width: 300px;margin: 0 auto;}
</style>
<script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js"></script>
</head>
<body>
<div class="content">
<textarea name="" id="demo" cols="30" rows="10"></textarea>
</div>
<script>
var getCursortPosition = function(ctrl) {
var CaretPos = 0;
// IE Support
if (document.selection) {
ctrl.focus();
var Sel = document.selection.createRange();
Sel.moveStart ('character', -ctrl.value.length);
CaretPos = Sel.text.length;
}
// Firefox support
else if (ctrl.selectionStart || +ctrl.selectionStart === 0)
{CaretPos = ctrl.selectionStart;}
return (CaretPos);
};
var selectSomeText = function(element,begin,end)
{
if (element.setSelectionRange)
{
element.setSelectionRange(begin,end);
}
else if (element.createTextRange)
{
var range = element.createTextRange();
range.moveStart("character",begin);
range.moveEnd("character",end);
range.select();
}
};
var delWholeWord = function(text, field, pos){
var startIndex = pos;
if (field.charAt(pos-1) !== ' '){
for (var i=pos-2;i>=0;i--){
if (field.charAt(i) === ' ' || i === 0){
startIndex = i;
break;
}
}
selectSomeText(text, startIndex, pos)
}
};
$('#demo').keydown(function(event) {
if(event.keyCode !== 8) {
return;
}
var bodyText = $(this)[0];
var bodyField = $(this).val();
var pos = getCursortPosition(bodyText);
delWholeWord(bodyText, bodyField, pos);
});
</script>
</body>
</html>
-
我想从文件。 示例： 我想给我们一种动态命令，因为我不必每次为每个用户手动输入。 我试过了 但这并没有达到预期的效果。
-
本文向大家介绍iOS 多选删除功能附tableViewTips及单选删除，包括了iOS 多选删除功能附tableViewTips及单选删除的使用技巧和注意事项，需要的朋友参考一下 一、前言 这次分享并记录一下tableView的多选删除，并额外记录一下单选删除及tableView的设置小技巧。 二、想要实现的效果图如下： 1、先上原图 2、然后编辑图如下： 3、编辑步骤： 点击右上角按钮编辑，界面
-
本文向大家介绍js实现删除li标签一行内容，包括了js实现删除li标签一行内容的使用技巧和注意事项，需要的朋友参考一下 利用面向对象思想完成买家信息删除功能，每一条信息包含： 姓名（name） 性别（sex） 电话号码（number） 省份（province） 实现以下要求： 不能借用任何第三方库，需要使用原生代码实现。 结合给出的基本代码结构，在下方2处code here补充代码，完成买家信息的
-
问题内容： 当我想删除Cookie时，我尝试 我从firefox的cookie浏览器中看到cookie仍然存在。我如何才能真正删除Cookie？ 问题答案： 你可以试试这个
-
给定一个整数< code>n，程序必须删除包含< code>n个元音的每个单词。该字符串是从test.txt文件中读取的，该文件包含以下内容:< code>Astazi nu este maine。目前我的程序包含一个< code>count1函数，它计算字符串中每个单词的字符数和元音数。当输入< code>n元音字母以删除所需单词并打印更新后的字符串时，如何使用< code>count1函数中的
-
我遵循此处的指南从firebase数据库中删除值。这是我的数据结构。 这是我正在使用的代码。 发生的情况是，在这个调用中删除了整个/bookmarks节点，而不仅仅是对所需书签的引用。如何实现只删除一个书签而不是删除整个节点？