js怎么设置textarea的内容自动滚动显示

JavaScript07

js怎么设置textarea的内容自动滚动显示,第1张

你好,用scrollTop来设置就可以的。给你个实例看一下。

<html>    

<head>    

<title></title>    

</head>    

<body >     

<button onclick="text1.scrollTop=text1.scrollHeight">滚动</button><br>    

<textarea id="text1" cols=35 rows=6>    

   第一行       

   adfasdf    

   uityityui      

   afdasf    

   e35qwfqesrreq    

   adfsafsdf    

   fasd    

   lkjhljkg    

   tet    

   wrtwet       

</textarea>    

</body>    

</html>

当浏览器滚动条滚动时会触发 onscroll 事件,通常情况下指上下滚动条滚动。

需要注意的是,浏览器一旦检测到滚动条发生滚动,就可以触发 onscroll 事件,而无需等到滚动行为结束。

下面的例子演示了一个极普遍的应用:利用 onscroll 事件检测滚动条位置,当向下滚动到一定位置时,在页面右下角会出现“返回顶部”的锚链接,以方便网站用户快速返回顶部。

window.onmousewheel = function(){  //触发滚轮事件

}

window.onscroll = function(){  //滚动条事件

}

//其实你的问题直接使用判断滚动条应该就可以了,但是如果一定要拖动滚动条才执行事件,我们可以通过获取鼠标位置来模拟

var a = document.getElementsByTagName("html")[0]

window.onmousemove = function(){

        //一般默认滚动条12px宽,当鼠标位于浏览器窗口右边12px内按下鼠标可以视为拖动滚动条

if(innerWidth - event.clientX < 12){

a.onmousedown = function(){

console.log(1)

}

}else{

a.onmousedown = null

}

}