在<span> onClick中选择文本

时间:2015-11-05 14:51:36

标签: javascript html select

我正在使用文本范围字段并且想要在单击时选择内部文本,我不使用jQuery,所以我想知道我是否可以使用java函数来完成它?

这是代码:

<div id="container">
   <h2> Varför?</h2>
   <h3> Usp: </h3>
   <div>
      <span contenteditable="true" onClick="toggle11();"/ class="text1">
         Skrivhär
      </span>
   </div>
</div>

我的功能:

function toggle11() {
    var i = document.getElementByClassName("text1")
    this.select();
}; 

1 个答案:

答案 0 :(得分:7)

所以有一些错误。首先有人指出html中有一个流浪的斜线。其次是getElementsByClassName。这是一个小提琴。这是你想要的吗?

小提琴: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);
};