社区
CSS
帖子详情
如何实现用按钮控制TEXTAREA的滚动条上下滚动
cenxer
2003-08-28 09:59:50
由于是用在触摸屏上,而textarea的上下滚动条按钮太窄不好控制
所以希望能用按钮来控制,急急急!!!!!
...全文
209
4
打赏
收藏
如何实现用按钮控制TEXTAREA的滚动条上下滚动
由于是用在触摸屏上,而textarea的上下滚动条按钮太窄不好控制 所以希望能用按钮来控制,急急急!!!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
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>
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>
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>
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>
用javascript
实现
改变
TEXTAREA
滚动
条
和
按钮
的颜色,以及怎样让
滚动
条
变得扁平
"用javascript
实现
改变
TEXTAREA
滚动
条
和
按钮
的颜色,以及怎样让
滚动
条
变得扁平" 在 HTML 中,我们可以使用 `<
textarea
>` 元素来创建一个多行文本输入框,而
滚动
条
和
按钮
是其中的重要组成部分。然而,默认情况下,...
html
滚动
条
textarea
属性设置
2.scrollbar-3d-light-color立体
滚动
条
亮边的颜色(设置
滚动
条
的颜色) scrollbar-arrow-color上下
按钮
上三角箭头的颜色 scrollbar-base-color
滚动
条
的基本颜色 scrollbar-dark-shadow-color立体
滚动
条
强阴影的...
JavaScript中
Textarea
滚动
条
不能拖动的解决方法
总的来说,JavaScript中
textarea
滚动
条
不能拖动的问题可以通过精确
控制
焦点事件和条件语句来解决。关键是要确保在满足特定条件时,不会不必要地将焦点从
textarea
元素中移除,这样才能保证用户能够使用
滚动
条
进行快速...
textarea
样式
除了基本的样式调整,代码片段还涉及了`
textarea
`的溢出
控制
和
滚动
条
自定义: #### 溢出
控制
通过`overflow`属性,可以决定当`
textarea
`内的内容超出其尺寸时的行为。`overflow-x`和`overflow-y`分别
控制
水平和...
在
textarea
光标处插入文本
- 如果`
textarea
`
滚动
条
之前被激活,则保存
滚动
条
的位置并恢复。 - 设置新的光标位置为插入文本后的位置。 #### 二、代码详解 下面是具体的JavaScript函数`insertAtCursor`的详细解释: ```javascript function ...
CSS
61,125
社区成员
60,705
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章