textare在光标处插入“#请输入话题#”高手现身……

daifangci 2010-10-17 01:35:32
用js实现
textare在光标处插入“#请输入话题#”
并且#号里面的文字是选中的,就是微薄的那种插入话题一样的js功能。
...全文
102 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
daifangci 2010-10-17
  • 打赏
  • 举报
回复
解决了谢谢哈,把成功代码贴下来了,呵呵

<html>
<head>
<script type='text/javascript'>
function test(str){

var tc = document.getElementById("mytextarea");
var tclen = tc.value.length;
tc.focus();
if(tc.value.indexOf(str) > 0){
var r=tc.createTextRange();
r.findText("请输入话题内容");
r.select();
return;
}else{
if(typeof document.selection != "undefined")
{
document.selection.createRange().text = str;
}
else
{
tc.value = tc.value.substr(0,tc.selectionStart)+str+tc.value.substring(tc.selectionStart,tclen);
}
var r=tc.createTextRange();
r.findText("请输入话题内容");
r.select();


}

}
</script>
</head>
<body>
<textarea rows=5 name=s1 cols=27 id="mytextarea">目的通过点击页面上的按钮button 在textarea中的光标停留处插上文字 </textarea>
<input type=button onclick="test('#请输入话题内容#')" />
</body>
</html>
wuyq11 2010-10-17
  • 打赏
  • 举报
回复
var r=tc.createTextRange();
r.findText("");
r.select();
daifangci 2010-10-17
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 abcjun188 的回复:]
在 textarea 的 onfocus 事件中添加js代码,如果 textarea 中长度为 0 ,就添加“#请输入话题#”
,长度不为零就return.我有没有理解错?
[/Quote]不是啊,我是点外部的一个按钮,插入话题
daifangci 2010-10-17
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 wuyq11 的回复:]
function test(){
var tc = document.getElementById("textarea");
var tclen = tc.value.length;
tc.focus();
if(typeof document.selection != "undefined")
{
document.selection.createRange(……
[/Quote]这段文字能在光标处插入内容,但是不能把插入的内容部分选中,请高手指教
打一壶酱油 2010-10-17
  • 打赏
  • 举报
回复
在 textarea 的 onfocus 事件中添加js代码,如果 textarea 中长度为 0 ,就添加“#请输入话题#”
,长度不为零就return.我有没有理解错?
wuyq11 2010-10-17
  • 打赏
  • 举报
回复
function test(){
var tc = document.getElementById("textarea");
var tclen = tc.value.length;
tc.focus();
if(typeof document.selection != "undefined")
{
document.selection.createRange().text = "";
}
else
{
tc.value = tc.value.substr(0,tc.selectionStart)+""+tc.value.substring(tc.selectionStart,tclen);
}
}

62,271

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧