JQuery在光标位置插入内容的实现代码 - Web前端
作者:98wpeu发布时间:2026-06-15分类:网页前端技术浏览:12
导读:复制代码代码如下:(function($){$.fn.extend({insertAtCaret:function(myvalue){var$t=$(this)[0];...
复制代码 代码如下:
(function($){
$.fn.extend({
insertAtCaret: function(myvalue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else
if ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.subString(endPos, $t.value.length);
this.focus();
$t.selectionStart = startPos + myValue.length;
$t.selectionEnd = startPos + myValue.length;
$t.scrollTop = scrollTop;
}
else {
this.value += myValue;
this.focus();
}
}
})
})(JQuery);
使用方法:
复制代码 代码如下: $(selector).insertAtCaret("value");
(function($){
$.fn.extend({
insertAtCaret: function(myvalue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else
if ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.subString(endPos, $t.value.length);
this.focus();
$t.selectionStart = startPos + myValue.length;
$t.selectionEnd = startPos + myValue.length;
$t.scrollTop = scrollTop;
}
else {
this.value += myValue;
this.focus();
}
}
})
})(JQuery);
使用方法:
复制代码 代码如下: $(selector).insertAtCaret("value");
相关推荐
- jQuery源码分析-03构造jQuery对象-源码结构和核心函数 - Web前端
- 获得所有表单值的JQuery实现代码[IE暂不支持] - Web前端
- 可兼容IE的获取及设置cookie的jquery.cookie函数方法 - Web前端
- 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一 - Web前端
- 20款非常优秀的 jQuery 工具提示插件 推荐 - Web前端
- jQuery中live方法的重复绑定说明 - Web前端
- jquery win 7透明弹出层效果的简单代码 - Web前端
- jQuery 一个图片切换的插件 - Web前端
- 基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果) - Web前端
- 用JQuery模仿淘宝的图片放大镜显示效果 - Web前端
- 网页前端技术排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


