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

前端之家收集整理的这篇文章主要介绍了jQuery通过单击图像在光标下插入代码 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

div #smiles中包含三张图片
  

和数组
var smiles = {
  ‘happy’:’:)’,
  ‘sad’:’:(‘,
  ‘normal’:’:|’
};

Textarea是#text

我不知道可以使用图片的网址与代码进行连接,还是有更好的方法(例如按位置).

能否请您帮我编写代码.我将通过它学习:)

最佳答案
SO过去的question应该使您朝正确的方向前进.同样如答案所示,还有一个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');
    }); 

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

原文链接:/jquery/530997.html

猜你在找的jQuery相关文章