我刚刚没事,找了一下代码参考,帮你写了,亲测可用!<script type="text/javascript">
//光标所在位置 插入分号 jQuery 代码 开始
(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);
$(document).ready(function (e) {
$("#button").click(function () {
$("#TEXT").insertAtCaret($("#button").attr("value"));
});
});
</script>
HTML部分:<textarea name="TEXT" cols="50" rows="20" id="TEXT"></textarea>
<input type="submit" name="button" id="button" value="插入字符">
//光标所在位置 插入分号 jQuery 代码 开始
(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);
$(document).ready(function (e) {
$("#button").click(function () {
$("#TEXT").insertAtCaret($("#button").attr("value"));
});
});
</script>
HTML部分:<textarea name="TEXT" cols="50" rows="20" id="TEXT"></textarea>
<input type="submit" name="button" id="button" value="插入字符">
解决方案 »
- 点击一个按钮 弹出确定与否 点击确定 跳到另外一个DIV JS代码 谢谢。
- 求助ExtJS,如何在Ext.grid.GridPanel上加一个toolbar或menu。
- 问一个正则表达式/([^,]*)/
- 关于如何获取光标处的下一个或者是前一个字符的问题
- js 如何上声音文件导入时不找字幕文件?
- 那位大哥能告诉我这个是加密的吗,怎么解密,谢谢
- 函数原型prototype的用处?
- 有关setTimeout的一点问题,请你进来帮个忙
- javascript中如何引进PHP中的内容
- 请教如下个表单验证难题,江湖救急!!!!!!!!!
- 怎样爬取网页上的用JS显示出来的数据
- jquery.form.js表单插件问题
但是测试的时候提示'jQuery' 未定义?
我在前面加了<script language="JavaScript" type="text/javascript" src="/jquery-1.8.0.js"></script>
还是提示未定义?
但是插入的是按钮上的value="插入字符",可以指定字符串吗?比如,不修改按钮上的文字,插入“AAA”?
另外,Jquery文件好几百K,可以简化吗?只要对这条有用的!或者不用Jquery,在楼上说的文字结尾处插入也行,只要代码简练加载快就行。
我很菜,还请亲多指教。谢谢亲!
我也现在正在学,所以在这版块看看自己能解决怎么问题,呵呵,快结贴给我分吧,我缺分!~~
插入AAA就用value="AAA"?
可以用简单的代码直接插入在结束位置吗?我想兼容手机浏览,所以几十K也不算小。
分数不要紧,结贴的时候我再加~~
用纯JS应该也能实现的,只是我没有去研究那个,刚刚这个也是找了一个资料然后再套成功的,并不是我的原创。手机也可以用JQ吧?问题也不大吧。
用纯JS应该也能实现的,只是我没有去研究那个,刚刚这个也是找了一个资料然后再套成功的,并不是我的原创。手机也可以用JQ吧?问题也不大吧。
谢谢了!20分都结给你,我再加分发一段代码问问~~
这个代码可以,但是不支持chrome浏览器,怎样改成支持W3C标准的?
<script>function insert(){ var insertText = "123"; document.getElementById("TEXT").innerHTML = document.getElementById("TEXT").innerHTML+insertText; }</script>
<button onclick="insert()">Insert</button>
用纯JS应该也能实现的,只是我没有去研究那个,刚刚这个也是找了一个资料然后再套成功的,并不是我的原创。手机也可以用JQ吧?问题也不大吧。
谢谢了!20分都结给你,我再加分发一段代码问问~~
这个代码可以,但是不支持chrome浏览器,怎样改成支持W3C标准的?
<script>function insert(){ var insertText = "123"; document.getElementById("TEXT").innerHTML = document.getElementById("TEXT").innerHTML+insertText; }</script>
<button onclick="insert()">Insert</button>
呵呵,我还没怎么深入研究JS,现在先精通JQ先
<script>function insert(){ var insertText = "123"; document.getElementById("TEXT").innerHTML = document.getElementById("TEXT").innerHTML+insertText; }</script>
<button onclick="insert()">Insert</button>