选择<span>on单击

Select text inside <span> onClick

本文关键字：on 单击 gt span 选择 lt      更新时间：2023-09-26

我使用的是一个文本span字段，并且想在点击时选择里面的文本，我没有使用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();
};

所以出现了一些错误。首先，正如有人指出的那样，html中有一个零散的斜杠。其次是它的getElementsByClassName。这是一把小提琴。这是你想要的吗？

Fiddle：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);
};
相关文章：