会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Love in coding...
Fred and Susan
在 可编辑的 Div 的 光标位置 插入 文字 或 HTML
示例代码如下:
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
Div 光标位置 插入 文字 或 HTML
</
title
>
<
script
language
="javascript"
type
="text/javascript"
>
var
pos;
function
getPos()
{
pos
=
document.selection.createRange();
}
function
fn_insertPos()
{
if
(pos
!=
null
)
{
pos.text
=
"
插入文字内容
"
;
//
pos.pasteHTML("<font color='red'>文字内容</font>");
//
pos.pasteHTML("<br/>文本框控件:<input id='Text1' type='text' />");
//
释放位置
pos
=
null
;
}
else
{
alert(
"
没有正确选择位置
"
);
}
}
</
script
>
</
head
>
<
body
>
<
form
id
="form1"
runat
="server"
>
<
div
id
="myDiv"
style
="width: 300px; height: 100px;
border: black 1px solid; font-size:small; line-height:1; "
onclick
="getPos();"
onkeyup
="getPos();"
contenteditable
="true"
>
一二三四五六七八
</
div
>
<
input
id
="Button1"
type
="button"
onclick
="fn_insertPos();"
value
="点击本按钮在Div中插入相关内容"
/>
</
form
>
</
body
>
</
html
>
posted on
2007-07-26 16:59
freeliver54
阅读(
1661
) 评论(
0
)
编辑
收藏
举报
刷新页面
返回顶部
导航
博客园
首页
新随笔
联系
订阅
管理
公告
}
