jQuery通過點擊圖像在光標下插入代碼

Question

我想通過點擊圖像在文本區域下插入笑臉代碼。

有三種圖像DIV #smiles：

和數組
VAR微笑= {
'高興'： ':)'，
'悲傷'： ':('，
'正常'： '：|'
};

textarea的是#text

我不知道是不是正常使用的圖片的網址中對C與代碼連接，或者有更好的方法（例如，按位置）。

請問你能幫我寫代碼嗎？我會通過它學習:)

Answer 1

這個過去的question 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'); 
    }); 

獲取代碼在光標位置插入適當的臉。將涉及更多的代碼，但這是一個簡單的例子。