javascript怎么实现range函数

JavaScript032

javascript怎么实现range函数,第1张

range = (start,end,step)=>Array.from({length:Math.ceil((end-start)/step.toFixed(2))},(e,i)=>start+i*step)

给type="range"的input一个id。然后通过js获取它的value即可。

给你个例子：

<input type="range" id="myRange">

<p>点击按钮来获得滑块控件的值。</p>

<button onclick="myFunction()">试一下</button>

<p id="demo"></p>

<script>

function myFunction() {

var x = document.getElementById("myRange").value

document.getElementById("demo").innerHTML = x

}

</script>

http://www.w3school.com.cn/tiy/t.asp?f=jsref_range_get

当编辑区没有获得焦点或光标处range为空时，点击加粗按钮，在光标处添加一个strong标签，之后把光标移动到strong标签内，现在在移动光标的过程出现了问题。

var frag = range.createContextualFragment(“<strong></strong>”)

var lastNode = frag.lastChild

range.insertNode(frag)

range.setStartAfter(lastNode)

?

这里添加的strong标签是空，如果strong里加入一个 就可以获得lastChild，但现在它的lastChild是null，这样在setStartAfter时就找不到参照的lastNode对象了。

这里该如何创建空strong标签，或如何获取strong下参照节点。收起

点击加粗按钮后，在编辑区添加一个strong标签，把光标移动到strong内，继续输入时直接到strong内

如果strong内部有节点，比如文本或标签，那么frag.lastChild就会获得最后一个标签或文本节点，假设创建的是这样的标签

<strong>nbsp</strong>

那执行insertNode后插入的html将是

光标<strong>nbsp</strong>

继续输入的话，文字会出现在strong标签前而不是内部，也就不是加粗的，所以要调整光标位置，执行setStartAfter(lastNode)

也就是把光标设置到lastNode也就是之后，html变成

<strong>nbsp光标</strong>