バックスペース キーの動作を実装して、ユーザーがバックスペース キーを押さなくてもカーソルが 1 つ左の位置に配置されるようにする必要がありますが、(contenteditable)div 内にプログラムで文字列が追加された後、カーソルが自動的に 1 つ移動する必要があります。ポジション左。\b を文字列に追加しようとしましたが、成功しませんでした。この動作を実現するにはどうすればよいですか (できれば Javascript を使用)。
ありがとうございました!
バックスペース キーの動作を実装して、ユーザーがバックスペース キーを押さなくてもカーソルが 1 つ左の位置に配置されるようにする必要がありますが、(contenteditable)div 内にプログラムで文字列が追加された後、カーソルが自動的に 1 つ移動する必要があります。ポジション左。\b を文字列に追加しようとしましたが、成功しませんでした。この動作を実現するにはどうすればよいですか (できれば Javascript を使用)。
ありがとうございました!
編集可能なコンテンツにブラウザー イベントを挿入することで、これを簡単に回避できます。Backspace は文字を削除するため、カーソルを移動したいと書いたので、左矢印キーを使用した例を示しています。削除する場合は、左のキーコードをバックスペースに置き換えます。
jQuery を使用して行う方法は次のとおりです。
var ev = jQuery.Event("keydown"); // Creates a new keydown event
ev.keyCode = $.ui.keyCode.LEFT; // Sets the event keyCode to be the left arrow button
$('#contentEditableContainer').trigger(ev);
jQuery を含めるには:
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
</head>