在contenteditable 属性中,当点击该区域的时候,光标默认显示在区域内容最后一位,如果我们需要打开页面默认就出现,而且出现在第一个位置上,该如何实现呢?下面将给出js的实现方法。
<div id="box" contenteditable=true>
这是内容哦!
</div>
方法一:
var p = document.getElementById('box'),
s = window.getSelection(),
r = document.createRange();
r.setStart(p, 0);
r.setEnd(p, 0);
s.removeAllRanges();
s.addRange(r);
var p = document.getElementById('box'),
s = window.getSelection(),
r = document.createRange();
p.innerHTML = '\u00a0';
r.selectNodeContents(p);
s.removeAllRanges();
s.addRange(r);
document.execCommand('delete', false, null);
方法二:
var box= document.getElementById('box');
setTimeout(function() {
box.focus();
}, 0);