[英]Select text inside <span> onClick
Im using a text span field and want to select the text inside on click, im not using jQuery, so i wonder if i can do it with java functions? 我使用文本跨度字段,并希望选择单击内部的文本,我不使用jQuery,所以我想知道我是否可以用java函数做到这一点?
here is the code: 这是代码:
<div id="container">
<h2> Varför?</h2>
<h3> Usp: </h3>
<div>
<span contenteditable="true" onClick="toggle11();"/ class="text1">
Skrivhär
</span>
</div>
</div>
And my function: 我的功能:
function toggle11() {
var i = document.getElementByClassName("text1")
this.select();
};
So there were a few things wrong. 所以有一些错误。 First as someone pointed out there was a stray slash in html. 首先有人指出html中有一个流浪的斜线。 Second its getElementsByClassName. 其次是getElementsByClassName。 Here is a fiddle. 这是一个小提琴。 Is this what you wanted? 这是你想要的吗?
Fiddle: http://jsfiddle.net/yb7rt2dL/ 小提琴: http : //jsfiddle.net/yb7rt2dL/
function toggle11() {
var el = document.getElementsByClassName("text1")[0];
var range = document.createRange();
range.selectNodeContents(el);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.