contenteditable divに統合するように Facebook を実装しようとしています。「$」と「a」のような文字を指定すると、キャレット位置の近くにポップアップする自動提案が必要になります。
IE およびその他のブラウザーの JavaScript で、キャレット位置の前の最後の文字を見つける方法を知る必要があります。Jquery ライブラリにアクセスできます。
(function($) {
$.fn.getCursorPosition = function() {
var input = this.get(0);
if (!input) return; // No (input) element found
if ('selectionStart' in input) {
// Standard-compliant browsers
return input.selectionStart;
} else if (document.selection) {
// IE
input.focus();
var sel = document.selection.createRange();
var selLen = document.selection.createRange().text.length;
sel.moveStart('character', -input.value.length);
return sel.text.length - selLen;
}
}
})(jQuery);
eg.
var caretPosition = $("#contenteditablediv").getCursorPosition();
var lastchar = getchar(caretposition -1);???