js实现按一下删除键删除整个单词附演示

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

下面我把示例代码贴上：

！DOCTYPE html html标题/title meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '样式。内容{宽度： 300 pxmargin: 0 auto}/style脚本src=' http :http://cdn。静态文件。org/jquery/2。1 .1-RC2/jquery。量滴js '/script/head dydiv class=' content ' text area name=' id=' demo ' cols=' 30 ' row=' 10 '/text area/div scriptvar getcursortpsition=function(ctrl){ var careet pos=0；//IE支持if(文档。选择){ ctrl。焦点()；var Sel=文档。选择。创建范围()；Sel.moveStart('字符'，-ctrl。价值。长度)；Sel。文字。长度；}//Firefox支持else if(ctrl。选择开始| | ctrl。selection start===0){ CaretPos=ctrl。选择开始；}返回(CaretPos};var selectSomeText=function(元素，开始，结束){ if(元素。setselectionrange){元素。setselectionrange(开始，结束)；} else if(元素。createtextrange){ var range=element。createtextrange()；range.moveStart('字符，begin)；range.moveEnd('字符，结束)；范围。select()；}};var delWholeWord=函数（文本、字段、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；打破；}}selectSomeText(text，startIndex，pos)} }；$('#demo ').向下键(函数（事件){if(事件。键码！==8){ return；} var正文文本=$(this)[0]；var bodyField=$(this).val()；var pos=getcursortpposition(正文)；delWholeWord(bodyText，bodyField，pos)；});/脚本/正文/html