zoukankan
html css js c++ java
在 可编辑的 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
=" 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
>
查看全文
相关阅读:
mvc:resources配置说明
MySQL 表与索引损坏修复
ORACLE 日志损坏 使用"_ALLOW_RESETLOGS_CORRUPTION"进行崩溃恢复
Oracle 回滚段坏快并恢复
Oracle 坏快处理:Undo 与 datafile
Oracle备份恢复-控制文件损坏的各种场景恢复专题
Oracle备份恢复-redo文件损坏的各种场景恢复专题
Oracle 数据库坏块处理技术
PostgreSQL 坏快分类与修复策略
Linux RAID卡优化
原文地址:https://www.cnblogs.com/freeliver54/p/832492.html
最新文章
VUE图片下载 针对jpg格式的 单个下载图片 多个图片下载压缩包
MyBatis遇到一个问题,在for循环中调用获取序列的方法,返回值总是一个。
idea开发工具如何设置默认模板代码
快速打开电脑的服务
Cookie、Session、JWT在koa中的应用及实现原理
哪里能够下载任意地区的高清卫星影像/地图?
导航地图哪家强?谷歌地图超高分辨率完爆同类型对手
让无人机飞一会:倾斜摄影模型利用Wish3D设置飞行路线预览
如何下载高清电子地图并制作打印成纸质版地图?
谷歌地图究竟有多牛?能看清地面上的一只羊、一头牛、一个人
热门文章
全球常用精度数字高程模型(数据)
再也不用找图源了!完美替代奥维地图,支持查看全球卫星影像地形
谷歌地图十六年:墙外的它到底哪里好?
2021奥维地图不能用了,有没有其他好用的地图软件能替代?
推荐一款免费的国产倾斜摄影三维模型浏览软件,低调实用有内涵
JPA注解之“@GeneratedValue”详解
hibernate实体注解 @OneToMany、@OneToOne、@ManyToOne、@ManyToMany
k8s-学习笔记18-用DaemonSet部署cron
docker-学习笔记8-系统命令
使用ccache大幅度加速gcc编译速度至少1倍以上(不需要修改任何编译选项)
Copyright © 2011-2022 走看看