可编辑的div,focus之后,光标怎么定位到文本最后?

junkli 2012-10-01 01:45:59

使用了contenteditable=true的div,focus之后,会在最前的

...全文

1731 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

gearss00 2012-10-02

打赏
举报

道理其实是一样的，你看这个是你想要的么？

KingWTD 2012-10-01

打赏
举报

道理其实是一样的，你看这个是你想要的么？



<html>

<body>

<div id="input">OK, no problem.</div>

<input type="button" value="focus" onclick="setFocus('input',true)"/>

<input type="button" value="blur" onclick="setFocus('input',false)"/>

<script type="text/javascript">

function setFocus(id, yes) {

    var obj = document.getElementById(id);

    if (yes) {

    	obj.contentEditable = true;

        obj.focus();

        obj.innerText = obj.innerText;

    } else {

        obj.blur();

    }

}

</script>

</body>

</html>

junkli 2012-10-01

打赏
举报

[Quote=引用 3 楼的回复:]

我跟你一样，也碰到了这样的问题，后来我就想：当文本框没有值的时候，光标会停在最前；当向文本框输入值的时候，光标就会停在当前输入的位置。如果现在能够模拟出这种状态，那么问题就可以迎刃而解了。那么就让文本框先获得焦点，然后再改变文本框中的值就可以实现了。看看下面这段代码，就是这个思想。
HTML code

<html>
<body>
<input id="input" type="text" ……
[/Quote]
在可编辑的div中,这样不行,郁闷死了,不知道知乎这个网站是怎么实现的

KingWTD 2012-10-01

打赏
举报

我跟你一样，也碰到了这样的问题，后来我就想：当文本框没有值的时候，光标会停在最前；当向文本框输入值的时候，光标就会停在当前输入的位置。如果现在能够模拟出这种状态，那么问题就可以迎刃而解了。那么就让文本框先获得焦点，然后再改变文本框中的值就可以实现了。看看下面这段代码，就是这个思想。



<html>

<body>

<input id="input" type="text" value="OK, no problem."/>

<input type="button" value="focus" onclick="setFocus('input',true)"/>

<input type="button" value="blur" onclick="setFocus('input',false)"/>

<script type="text/javascript">

function setFocus(id, yes) {

	var obj = document.getElementById(id);

	if (yes) {

		obj.focus();

		obj.value = obj.value;

	} else {

		obj.blur();

	}

}

</script>

</body>

</html>