YPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.***w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
首先要让DIV启用编辑模式.
| 代码如下 | 复制代码 |
|
|
|
通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了。
不扯话题了。下面说怎么获取或设置光标位置.
2个步骤
1:获取DIV中的光标位置
2:改变光标位置
| 代码如下 | 复制代码 |
|
for (cursor = 0; copy.compareEndPoints("StartToStart", range)
copy.moveStart("character", 1);//改变光标位置,实际上我们是在记录cursor的数量. |
|
给document绑定光标变化事件。用来记录光标位置.
这样就可以拿到DIV的光标位置了.
| 代码如下 | 复制代码 |
|
lyTXT1.focus(); |
|
通过上面的我们就可以将DIV中的光标移动到最后面了
一个完整的实例
| 代码如下 | 复制代码 |
|
INSERTED’);”>插入字符
function insertHtmlAtCaret(html) {
// Range.createContextualFragment() would be useful here but is
// Preserve the selection |
|
再看一个基于jquery的实例
| 代码如下 | 复制代码 |
|
contenteditable 按钮
|
|
tlwdr7650路由器没有wps按钮(tlwdr7650路由器没有wps按钮怎么办)
tlwdr7632扩展器电脑怎么设置(tlwdr7632扩展器电脑设置方法)
tlwda6332re安装教程(tlwda6332re如何安装)
tlwdr7632扩展器手机怎么设置(tlwdr7632扩展器手机设置方法)
tlxdr3010怎么设置网速快(tlxdr3010网速快设置方法)
tlwdr5620易展版怎么克隆(tlwdr5620易展版克隆方法)