使用 jQuery 插入符号插件在 IE 中的 textarea 中插入符号位置

Question

我正在使用这个plguin 来获取文本区域的插入符号位置。我有一个<div>，单击它会显示<ul>with 笑脸列表，将其中一个放入文本区域。单击 <div> 会在 textarea 上触发 blur 事件。我将插入符号位置保存在模糊中：

oRoot.blur(function() {
    caret_pos = $(this).caret();
});

在用户点击笑脸后，我把它放在插入符号失去焦点之前所在的文本区域中：

oList
    .delegate('.chat-smile', 'click', function() {
        var oRoot = $(this).parent().data('oRoot');

        if (is_default_value(oRoot)) oRoot.val('');

        oRoot.val(oRoot.caret(caret_pos).caret().replace($(this).attr('smilie-code')));

        toggle_list($(this).parent());
    });

问题是在 IE 中，如果 textarea 没有焦点，插件似乎不起作用，而在 IE 中，blur 事件处理程序在焦点丢失后被触发。

任何解决方法的想法？我正在考虑为 IE 保存 click、keyup、focus 上的插入符号位置..

Answer 1

我已经尝试过我之前想到的解决方法（将插入符号位置保存在点击、keyup、IE 的焦点上）。 所以现在绑定事件以保存插入符号位置的函数如下所示：

function bind_save_caret_pos() {
    var event_to_bind = $.browser.msie ? 'keyup mouseup' : 'blur';

    oRoot.bind(event_to_bind, function() {
        caret_pos = $(this).caret();
    });
}

keyup 处理输入、删除、用箭头移动文本等。

mouseup 处理选择文本的和平、移动光标等。

Answer 2

Here 是另一种在 IE 中获取插入符号位置的方法。如果你喜欢，你可以使用它。

希望对你有帮助。