选择< span>内的文字的onClick [英] Select text inside <span> onClick

问题描述

使用文本跨度字段并希望在点击时选择文本，即时消息不使用jQuery，所以我想知道是否可以使用java函数执行它？ >这里是代码：

 < div id =container> 
< h2> Varför< / H2> 
< h3> Usp：< / h3> 
< div> 
< span contenteditable =trueonClick =toggle11（）;/ class =text1> 
Skrivhär
< / span> 
< / div> 
< / div> 
  

以及我的功能：

  function toggle11（）{
 var i = document.getElementByClassName（text1）
 this.select（）; 
}; 
  

解决方案

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

小提琴： http：// jsfiddle .net / yb7rt2dL /

  function toggle11（）{
 var el = document.getElementsByClassName（文本1\" ）[0]; 
 var range = document.createRange（）; 
 range.selectNodeContents（el）; 
 var sel = window.getSelection（）; 
 sel.removeAllRanges（）; 
 sel.addRange（range）; 
}; 
  

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?

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. Second its getElementsByClassName. Here is a fiddle. Is this what you wanted?

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);
};

这篇关于选择< span>内的文字的onClick的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！