テキストボックスフラッシュバック入力記事では、テキストボックスの焦点を設定するJavaScriptコードを使用して、このコードを使用してデモを作成します。コンテンツは、図に示すように、単語を削除するときに単語全体を一度に削除することです。
以下にサンプルコードを投稿します。
<！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> <スクリプトsrc = "http://cdn.staticfile.org/jquery/2.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1. </script> </head> <body> <div> <div> <div> <div> <div> <div> <div> <div> {var caretpos = 0; // ie supportif（document.selection）{ctrl.focus（）; var sel = document.selection.createrange（）; sel.movestart（ 'character'、-ctrl.value.lents）; 0）{caretpos = ctrl.selectionstart;} return（caretpos）;}; var selectsometext = function（element、begin、end）{if（element.setselectionrange）{element.setselectionrange（begin、end）;} else if（element.createTextreange）{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）！== ''） === '' || i === 0）{startIndex = i; break;}} selectsometext（text、startindex、pos）}}}; $（ '＃demo'）。keydown（function（event）{if（event.keycode！== 8）{return;} var bodytext = $（this）[0]; var pos = $（this）。 getCursortPosition（bodytext）; delwholeword（bodytext、bodyfield、pos）;}）; </script> </body> </html>