61,125
社区成员
发帖
与我相关
我的任务
分享如何实现用按钮控制TEXTAREA的滚动条上下滚动
由于是用在触摸屏上，而textarea的上下滚动条按钮太窄不好控制
所以希望能用按钮来控制，急急急!!!!!
所以希望能用按钮来控制，急急急!!!!!
...全文
请发表友善的回复…
发表回复
topmonkey 2003-08-28
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//CN">
<HTML>
<HEAD>
<TITLE> Q2196403 </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Generator" CONTENT="Microsoft Notepad">
<META NAME="Description" CONTENT="CSDN 回答问题">
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<TEXTAREA id=TA1 ROWS="20" COLS="5">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbcccccccccccccccccccccccccccccccccccccccccddddddddddddddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeefffffffffffffffffffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggg
</TEXTAREA>
<SCRIPT LANGUAGE="JavaScript">
<!--
function moveTextAreaScrollTop(){
TA1.scrollTop=100;
}
//-->
</SCRIPT>
<INPUT TYPE="button" NAME="butM" value="Move" onClick="moveTextAreaScrollTop()">
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> Q2196403 </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Generator" CONTENT="Microsoft Notepad">
<META NAME="Description" CONTENT="CSDN 回答问题">
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<TEXTAREA id=TA1 ROWS="20" COLS="5">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbcccccccccccccccccccccccccccccccccccccccccddddddddddddddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeefffffffffffffffffffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggg
</TEXTAREA>
<SCRIPT LANGUAGE="JavaScript">
<!--
function moveTextAreaScrollTop(){
TA1.scrollTop=100;
}
//-->
</SCRIPT>
<INPUT TYPE="button" NAME="butM" value="Move" onClick="moveTextAreaScrollTop()">
</BODY>
</HTML>
fason 2003-08-28
- 打赏
- 举报
<textarea id=a1 ROWS=5>
00000
11111
22222
33333
44444
55555
66666
77777
88888
99999
</textarea>
<script>var timer</script>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarUp\')',20)" onmouseup="clearInterval(timer)">Up</button>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarDown\')',20)" onmouseup="clearInterval(timer)">Down</button>
00000
11111
22222
33333
44444
55555
66666
77777
88888
99999
</textarea>
<script>var timer</script>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarUp\')',20)" onmouseup="clearInterval(timer)">Up</button>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarDown\')',20)" onmouseup="clearInterval(timer)">Down</button>
wanghr100 2003-08-28
- 打赏
- 举报
自己写了一个
<textarea id=a1 ROWS=5>
00000
11111
22222
33333
44444
55555
66666
77777
88888
99999
</textarea>
<button onclick=a1.doScroll("scrollbarPageUp")>Up</button>
<button onclick=a1.doScroll("scrollbarPageDown")>Down</button>
<textarea id=a1 ROWS=5>
00000
11111
22222
33333
44444
55555
66666
77777
88888
99999
</textarea>
<button onclick=a1.doScroll("scrollbarPageUp")>Up</button>
<button onclick=a1.doScroll("scrollbarPageDown")>Down</button>
wanghr100 2003-08-28
- 打赏
- 举报
帮楼上的改一下,
你的只能按一次,就没反映了 :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//CN">
<HTML>
<HEAD>
<TITLE> Q2196403 </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Generator" CONTENT="Microsoft Notepad">
<META NAME="Description" CONTENT="CSDN 回答问题">
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<TEXTAREA id=TA1 ROWS="20" COLS="5">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbcccccccccccccccccccccccccccccccccccccccccdddddddddddd
ddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeeeeeeee
eeeeeeeeeeeeefffffffffffffffffffffffffffffffffffffffffggggggggggggggggggggggggg
gggggggggggggggg
</TEXTAREA>
<SCRIPT LANGUAGE="JavaScript">
<!--
function moveTextAreaScrollTop(){
TA1.scrollTop+=100; //改了一下这里..
}
//-->
</SCRIPT>
<INPUT TYPE="button" NAME="butM" value="Move" onClick="
moveTextAreaScrollTop()">
</BODY>
</HTML>
你的只能按一次,就没反映了 :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//CN">
<HTML>
<HEAD>
<TITLE> Q2196403 </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Generator" CONTENT="Microsoft Notepad">
<META NAME="Description" CONTENT="CSDN 回答问题">
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<TEXTAREA id=TA1 ROWS="20" COLS="5">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbcccccccccccccccccccccccccccccccccccccccccdddddddddddd
ddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeeeeeeee
eeeeeeeeeeeeefffffffffffffffffffffffffffffffffffffffffggggggggggggggggggggggggg
gggggggggggggggg
</TEXTAREA>
<SCRIPT LANGUAGE="JavaScript">
<!--
function moveTextAreaScrollTop(){
TA1.scrollTop+=100; //改了一下这里..
}
//-->
</SCRIPT>
<INPUT TYPE="button" NAME="butM" value="Move" onClick="
moveTextAreaScrollTop()">
</BODY>
</HTML>
