jQuery 通过单击图像在光标下插入代码

Question

我想通过单击图像在光标位置下的文本区域中插入笑脸代码。

div #smiles 中有三张图片:

和数组
var 微笑 = {
'快乐': ':)',
'悲伤': ':(',
'正常': ':|'
};

文本区域是#text

我不知道使用图像的url与代码连接是否可以，或者有更好的方法(例如，按位置)。

你能帮我写一下代码吗？我会从中学习:)

Answer 1

过去question on SO 应该会让你朝着正确的方向前进。另外，正如答案所述，有一个 jQuery 插件也可以完成此任务。

获得光标位置后，您可以执行以下操作:

<img id="happy" src="happy.gif" alt="Happy Face" title=":)" />
<img id="sad" src="sad.gif" alt="Sad Face" title=":(" />
<img id="normal" src="normal.gif" alt="Normal Face" title=":|" />

然后使用

 $('img').click(function() {
       wherever_cursor_is = $('img').attr('title');
    }); 

获取在光标位置插入正确面的代码。将会涉及更多代码，但这只是示例的简化级别。