代码描述:jquery光标处插入文本。jquery光标处插入文本简单介绍
有时候我们需要在光标所在处插入指定的内容,可以说这种操作应用相当的频繁,本章节通过一段代码实例介绍一下如何实现此效果,代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>在光标处插入文本-51前端</title> <style type="text/css"> body{ padding:50px; } .cont{ cursor:pointer } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> (function($){ $.fn.extend({ "insert":function(value){ value=$.extend({ "text":"123" },value); var dthis=$(this)[0]; //IE下 if(document.selection){ $(dthis).focus(); var fus=document.selection.createRange(); fus.text=value.text; $(dthis).focus(); } //火狐下标准 else if(dthis.selectionStart || dthis.selectionStart == '0'){ var start=dthis.selectionStart; var end=dthis.selectionEnd; var top=dthis.scrollTop; dthis.value=dthis.value.substring(0,start)+value.text+dthis.value.substring(end,dthis.value.length); } else{ this.value+=value.text; this.focus(); } return $(this); } }) })(jQuery) $(function(){ $(".cont").click(function(){ $(".tarea").insert({"text":"51前端"}); }) }) </script> </head> <body> <div class="cont">点击我</div> <textarea class="tarea" name="" cols="50" rows="15">原来的内容</textarea> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能