QQ聊天对话框（Js实现，支持表情插入文本中间）

一般我们做文本对话框，都考虑使用textarea，其实，用div也可以实现，用div的好处就是可以往里插入图片、表情等，不必都显示为字符。

但是在插入表情图片或插入图片时就面临一个问题，图片怎么才能放到我输入文本的中间位置，而不是每次都追加到最后面，百度搜索了很多资料，自己试过，包装好了两种方法，一种是针对div的，一种针对textarea，当然，textarea没法显示图片，只适用于插入表情后将代表表情的字符串插入到文本中间。

代码如下：

 

// 在光标位置插入内容（仅适用于textarea文本输入框）
function insertValueAtCursor(myField, insertContent) {
	if (myField != document.activeElement) {
		myField.value = myField.value + insertContent;
		return;
	}
	//IE support
	if (document.selection) {
		myField.focus();
		var sel = document.selection.createRange();
		sel.text = insertContent;
		sel.select();
	}
	//MOZILLA/NETSCAPE support
	else if (typeof myField.selectionStart === 'number' || typeof myField.selectionEnd == 'number') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		console.log("startPos:" + startPos)
			// save scrollTop before insert
		var restoreTop = myField.sc