腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Material
UI
:
如何
通过
按钮
的
onClick
事件
获取
滑块
值
?
reactjs
、
material-ui
、
slider
我有一个由几个
滑块
组成
的
表单,最后有一个提交
按钮
。在非react环境中,我通常会有一个调用
按钮
的
onClick
属性
的
函数,它将遍历所有
滑块
并执行document.getElementById('mySliderIdX').value。但是在React中使用
Material
UI
,我不能以这种方式访问
滑块
值
。如果我尝试这样做,我会得到一个没有value属性
浏览 21
提问于2020-12-22
得票数 0
回答已采纳
3
回答
需要
获取
滑块
React
的
onChange
的
最后一个
值
reactjs
、
material-ui
、
onchange
在查询之前,我使用
material
ui
滑块
来
获取
值。有没有办法只在
滑块
停止移动时
获取
滑块
的
值
,而不是每次移动时都
获取
?如果可能的话,我想避免使用提交
按钮
。这里有一个指向
material
ui
演示
的
链接,他们使用onChange来捕获这些
值
。我只需要当
滑块
停止时
的
值
,而不是当
浏览 2
提问于2019-10-26
得票数 3
2
回答
如何
在点击
按钮
时检查多个量程
滑块
的
值
,然后根据
值
做一些事情?
javascript
、
jquery
、
html
、
jquery-ui
、
jquery-ui-slider
当用户单击next
按钮
时,我需要
获取
每个单独
滑块
的
值
,并在一个if else语句中检查其中
的
每个
滑块
。例如,如果第一
滑块
小于10,它会做一件事情,如果第一和第二
滑块
小于10,它会做其他事情。您可以在Codepen上看到我
的
代码
的
活生生
的
例子:<div id="eq"> <span id="
浏览 0
提问于2016-01-22
得票数 0
回答已采纳
2
回答
React材质-
UI
动画
滑块
值更改
javascript
、
reactjs
、
material-ui
我刚刚开始学习React,并且已经找到了我
的
第一个问题,我正在尝试解决几个小时。 我有一个
滑块
(
Material
-
UI
),我想用它来动画
值
的
改变。现在,当我单击
按钮
滑块
时,会立即更改该
值
: ? 下面是我
的
代码: import React from "react"; import Typography from "@
material
-
ui
/
浏览 17
提问于2019-09-16
得票数 3
1
回答
如何
使用
onclick
按钮
事件
React
Material
UI
获取
TextField
值
javascript
、
reactjs
、
react-hooks
、
material-ui
我正在尝试
获取
搜索TextField
的
输入
值
,然后单击" search“
按钮
,调用包含搜索输入
的
API。这是我到目前为止所知道
的
: const handleSearchSubmit = async () => { setSearchTerm(searchForm.current.value</Col> <Button variant="contained
浏览 95
提问于2021-06-30
得票数 2
回答已采纳
1
回答
material
ui
滑块
组件onChange
事件
不使用Fromik handleChange
事件
reactjs
、
material-ui
、
formik
、
yup
初始形式
值
由
滑块
获取
,但Formik handleChange
事件
不更新
滑块
值
const formik = useFormik({ alert(JSON.stringify(values, null, 2)); }); 具有onChange
事件
的
material
<
浏览 2
提问于2020-05-29
得票数 1
3
回答
是否有可能在不破坏布局
的
情况下在ButtonGroup中
的
禁用MUI
按钮
上呈现工具提示?
reactjs
、
material-ui
我正在尝试创建一个禁用
按钮
和工具提示
的
MUI ButtonGroup。 <Button disabled>{"Button B"}</Button></ButtonGroup> 但是,如果我在disabled
按钮
周围添加一个
浏览 1
提问于2020-04-09
得票数 28
2
回答
如何
将箭头控件设置为自定义
按钮
reactjs
、
react-slick
我将react-slick添加到我
的
项目中,以显示carousel。我想控制我
的
滑块
与自定义下一步和prev
按钮
,这是在
滑块
的
内容顶部。所以我遵循了自定义箭头文档,但我不想在光滑
的
内容中显示我
的
按钮
,我想将控件交给
滑块
内容上方
的
按钮
。
如何
做到这一点?我从我创建
的
组件中包含我
的
代码。 "slick-carousel
浏览 3
提问于2019-07-08
得票数 1
回答已采纳
3
回答
如何
获取
启动
事件
的
UI
控件
的
名称?
javascript
、
jquery
、
jquery-ui
、
slider
({ value: -10, min: -100, max: 100, slide: handleSlide }); $("#lblInfo").text(
ui
.id + ':' +
ui
.value);</script> 如您所见,这两个
滑块
都会生成一个滑动
事件
,该
事件
由handleSlide在hand
浏览 2
提问于2011-02-01
得票数 4
回答已采纳
2
回答
通过
按钮
增加和减少角材料
滑块
angular
、
angular-material
除了
的
幻灯片特性外,我
的
应用程序还有增量和递减
按钮
,它们将
滑块
移动一个step。增量和递减
按钮
在
滑块
外部,与最小、最大、步骤和键盘交互行为重复
滑块
行为。有没有人知道
通过
添加
滑块
“增量/减少自己”
事件
来避免重复逻辑
的
方法?
浏览 0
提问于2019-03-07
得票数 1
回答已采纳
1
回答
单击“禁用”
按钮
选择“下一步”元素。
javascript
、
reactjs
、
material-ui
这个简单
的
代码创建一个禁用
按钮
:import ArrowBackIosIcon from "@
material
-
ui
/icons/ArrowBackIos"; const handleClick = (e) => {Grid conta
浏览 1
提问于2022-08-14
得票数 1
1
回答
获取
不带画布
的
按钮
单击
事件
javascript
、
reactjs
、
material-ui
如何
为
按钮
和ListItem设置两个不同
的
单击
事件
?import ReactDOM from "react-dom"; import ListItem from "@
material
-
ui
/core/ListItem&
浏览 1
提问于2019-05-09
得票数 1
回答已采纳
1
回答
取消选中带有
Material
UI
的
单选
按钮
reactjs
、
radio-button
、
material-ui
我希望能够取消选中单选
按钮
,想法是这样
的
:如果我点击某个单选
按钮
,它将被选中,如果我单击另一个字段,这另一个字段将被选中,但如果我单击已经选中
的
字段,我希望取消选中它,以便所有字段都为空。我试图捕捉被选中或取消选中
的
时刻,但似乎与复选框相反,单选
按钮
没有此字段。有谁知道
如何
做到这一点吗?
浏览 15
提问于2019-07-31
得票数 8
回答已采纳
2
回答
滚动
事件
无意中更改了材质
UI
滑块
值
javascript
、
reactjs
、
material-ui
我有一个使用
Material
UI
的
React应用程序。这个应用程序在很多地方实现了
滑块
组件(https://
material
.io/components/sliders)。使用触摸屏设备时,当我尝试向上或向下滚动页面时,无意中影响了
滑块
组件(
值
正在更改)。这不会发生在其他页面组件上,我怀疑这是因为
滑块
确实(也应该)响应卷帘
事件
。
Material
UI
浏览 42
提问于2020-11-11
得票数 15
回答已采纳
2
回答
jQuery
滑块
的
取值
javascript
、
jquery
、
jquery-ui
min : 1, step : 1, a =
ui
.value; var c
浏览 7
提问于2014-08-20
得票数 0
回答已采纳
1
回答
停止传播包含工具提示且链接在
按钮
上不起作用
的
按钮
javascript
、
reactjs
、
react-native
、
ecmascript-6
、
event-listener
我使用
的
是
Material
UI
button组件,在
按钮
中有文本。就在文本
的
旁边,我有一个工具提示。在该工具提示中,有一篇文章
的
链接。我
的
想法是,我希望用户在点击实际
的
按钮
之前,有机会点击工具提示中
的
“阅读更多”链接。问题是,当点击工具提示中
的
“阅读更多”链接时,它实际上是点击了
按钮
。我尝试使用e.stopPropagation
事件
来阻止组件冒泡到其他元素。但是
浏览 21
提问于2021-05-06
得票数 0
回答已采纳
2
回答
资料界面: CardActionArea中
的
按钮
reactjs
、
material-ui
CardContent> <Button
onClick
{answer.text} </CardActionArea></Card> 我
的
问题是我不想点击Car
浏览 0
提问于2020-05-04
得票数 4
回答已采纳
2
回答
使用不可单击
的
跨度渲染
的
材质
UI
按钮
reactjs
、
material-ui
我正在使用
material
-
UI
构建一个网站,并遇到了一些问题。看起来
按钮
是用span元素围绕着
按钮
的
文本呈现
的
。这使得单击
事件
仅在您在span元素外部单击时触发。可以想象,让用户单击不做任何事情
的
按钮
并不是最好
的
UI
。我确信我不是第一个经历过这种情况的人,有没有一种方法可以
通过
编程将
事件
向下传播到子元素?/core/styles';
浏览 0
提问于2019-08-09
得票数 2
2
回答
如何
在反应材料中有两个二次动作,一个在左角,一个在右边,而不影响第二个动作
的
行为
javascript
、
reactjs
、
material-ui
、
react-material
我需要显示两个次要动作,一个在左端(眼睛图标)和一个在右端(删除图标)
的
列表项目。我可以
通过
重写css元素right & left来调整位置。 </IconButton> </ListItemSecondaryActi
浏览 11
提问于2022-02-21
得票数 1
回答已采纳
2
回答
显示
滑块
值
jquery
、
uislider
我正在使用jquery
滑块
。在
滑块
对象下显示
滑块
值
有任何默认函数吗?
浏览 11
提问于2009-10-01
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React Hooks踩坑分享
从零开始学 Web之DOM(二)对样式操作,获取元素的方式
戏剧性的“Material You”颜色出现在桌面 Chrome Canary 版本中
简单绘画板 第二版
全国计算机二级考试Java入门教程:Java滚动条
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券