html input或textarea 如何在光标处插入内容

在大部分应用程序中，Tab是用来切换焦点的，浏览器也不例外。可是如果想在input或textarea输入Tab就很困难。这里就教大家用jQuery写一个允许输入Tab(四个空格)的方法。

$(function(){
	'use strict';
	$.fn.extend({
		insertContent: function(str){
			var spos = $(this)[0].selectionStart;
			var epos = $(this)[0].selectionEnd;
			var oval = $(this).val();
			$(this).val(oval.substring(0,spos)+str+oval.substring(epos,oval.length));
			$(this)[0].setSelectionRange(spos+str.length,spos+str.length);
		},
		allowTabInput: function(){
			$(this).keydown(function(e){
				if (e.which === 13){
					$(this).insertContent('    ');
					return false;
				}
			});
		}
	});
});

然后只需要对一个jQuery元素使用insertContent方法就可以插入内容，allowTabInput开始监听Tab按键事件，输入四个空格。