在<span>onClick中</span>選擇文本

Question

我使用文本跨度字段，並希望選擇單擊內部的文本，我不使用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();
}; 

Answer 1

所以有一些錯誤。 首先有人指出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);
};