onclick 相关问题

用户单击对象时发生的事件。它是两个事件的组合,即“onmousedown”和“onmouseup”。

如何在点击另一个 div 后隐藏一个 div

我想在点击搜索图标后隐藏我的 div,它不是一个按钮所以我真的不知道该怎么做。我想隐藏此文本“只需单击并输入您要隐藏的位置的名称...

回答 5 投票 0

如何在vue中点击显示所有选中的用户

我正在尝试在 vue 中制作一张桌子。用户可以选择不同的工作人员并将他们的信息显示在屏幕上。我是 vue 的新手,所以真的不知道该怎么做。什么我

回答 0 投票 0

如何使用 onclick 事件不从两个变量中选择相同的值?

我正在尝试使用 onclick 事件创建一个非常简单的宾果游戏。 目前我正在使用两个变量,一个用于字母,一个用于数字,然后将其整理成一个新变量并且是

回答 1 投票 0

onClick 不适用于 React 类组件

我被困在我的源代码中。 在我的按钮上,我写道: this.removeFromCart() > 我被困在我的源代码中。 在我的按钮上,我写道: <div> <button className="btn-icon btn-remove" onClick={()=>this.removeFromCart() > <span className="ion ion-ios-close"></span> </button> </div> 和类中的函数 removeFromCart: removeFromCart = () => { alert() } 我在构造函数中写道: constructor(props) { super(props); this.state = { // some code to set bag cart. }; this.removeFromCart = this.removeFromCart.bind(this); } 当我点击按钮时,我希望它会执行警报功能,但它不会。但是,如果我更改代码中的某些内容,则通过反应热更新按钮可以正常工作。然后,如果我重新加载页面,它仍然无法正常工作。 谁能告诉我这有什么问题?感谢您的帮助。 我只是想知道为什么,eventjs 必须完美运行,现在不是了。 您将 removeFromCart 函数绑定到按钮单击事件的方式似乎存在问题。 <div> <button className="btn-icon btn-remove" onClick={this.removeFromCart} > <span className="ion ion-ios-close"></span> </button> </div> constructor(props) { super(props); this.removeFromCart = this.removeFromCart.bind(this); } removeFromCart() { alert('Item removed from cart'); } 此方法应确保 removeFromCart 函数正确绑定到按钮单击事件,并在单击按钮时触发警报。

回答 1 投票 0

在设置输入值时替换秒数

我有这个设置多个输入值的点击功能。对于其中一些,我需要将 var d 从秒转换为 hh:mm:ss。 jQuery('#button').on('点击', function() { 变量 API =

回答 1 投票 0

为什么在调用reset()函数时,其他onclick按钮的函数不工作了?

尝试构建我的第一个“quizAPP”。重置功能,点击时不让我点击其他按钮。 这是我的代码:https://codepen.io/Leonyr/pen/eYLEEgq 功能重置(){ 数 =...

回答 0 投票 0

为什么我的状态在 onClick 事件时会在悬停时不断更新?

我在我的 useEffect 之外放置了一个 console.log 来检索 youtube url,并且看到每当我将鼠标悬停在父 div 内或外时,它似乎正在检索 URL。这导致大量浪费

回答 1 投票 0

需要在我点击 primereact 的任何地方扩展 DataTable

如果我单击箭头按钮,DataTable 对象会扩展。但是我需要这个,无论我在哪里单击,该行都应该扩展。有什么办法吗? 这是 DataTable 的示例代码 如果我单击箭头按钮,DataTable 对象会扩展。但是我需要这个,无论我在哪里单击,该行都应该扩展。有什么办法吗? 这是 DataTable 的示例代码 <DataTable value={products} expandedRows={expandedRows} onRowToggle={(e) => setExpandedRows(e.data)} onRowExpand={onRowExpand} onRowCollapse={onRowCollapse} rowExpansionTemplate={rowExpansionTemplate} dataKey="id" header={header} tableStyle={{ minWidth: '60rem' }}> <Column expander={allowExpansion} style={{ width: '5rem' }} /> <Column field="name" header="Name" sortable /> <Column header="Image" body={imageBodyTemplate} /> <Column field="price" header="Price" sortable body={priceBodyTemplate} /> <Column field="category" header="Category" sortable /> <Column field="rating" header="Reviews" sortable body={ratingBodyTemplate} /> <Column field="inventoryStatus" header="Status" sortable body={statusBodyTemplate} /> </DataTable> 我试图激活onRowClick={extends},也尝试使这个事件功能化但失败了。 onSelectedRow={(e) => setExpandedRows(e.data)} 事件也不起作用。

回答 0 投票 0

点击暂停自动滚动,点击不工作再次取消暂停

我想知道如何让网页自动滚动然后停止点击或(将鼠标悬停在一些文本上但这对我来说太复杂了)然后在再次点击时重新启动自动滚动直到...

回答 1 投票 0

React:如何避免在刚刚消失的元素下点击?

我制作了一个像 Mac/Windows 顶部菜单栏一样工作的 React 组件。一切都很好,除了一件事 - 在触摸屏上,当用户从菜单中选择一个选项时,点击是

回答 2 投票 0

如何让单选按钮的值在点击时立即显示?

选择字体: <h3>Choose a Font:</h3> <input type="radio" name="font" id="font_Georgia" value="Georgia" onclick="setFont(this.value)" /> Georgia 2609</label ><br /> <input type="radio" name="font" id="font_TNR" value="Times New Roman" onclick="setFont(this.value)" /> Times New Roman 2609</label ><br /> <input type="radio" name="font" id="font_Arial" value="Arial" onclick="setFont(this.value)" /> <label for="font_Arial" class="Arial">Arial 2609</label><br /> <input type="radio" name="font" id="font_arialBlack" value="Arial Black" onclick="setFont(this.value)" /> <label for="font_arialBlack" class="arialBlack" >Arial Black 2609</label ><br /> <input type="radio" name="font" id="font_Cursive" value="Cursive" onclick="setFont(this.value)" /> <label for="font_Cursive" class="cursive">Cursive 2609</label ><br /> <button id="nextToBg" class="formBtn">Next</button> </div> 这是单击时单选按钮的代码,我希望它更改显示文本的字体。无法弄清楚寻找正确方向的任何指示 我试过创建一个函数,添加一个事件监听器无法让它正常工作。

回答 0 投票 0

在 MVC 中将 2 个视图页面组合在一起时无法提交 Html 表单

在我的应用程序中使用了两个视图页面“AddHardware”和“EditHardware”,它们用于创建 html 表单和添加/编辑有关硬件的信息。 现在我正在研究

回答 0 投票 0

我。 React,通过 .map 函数显示本地数据库,我怎样才能使用 onClick 函数只显示所选项目的信息?

我想显示我选择的项目的信息,而不是我收到 data.json 中列出的所有项目的信息。 我相信我可以参考每个项目的“id”来做到这一点,但是......

回答 1 投票 0

使用循环在 JavaScript 中使用 EasyButton 实例填充 Leaflet 地图会导致 onclick 函数仅反映最后一次迭代

这可能是我对 JS 的了解不足,但我被卡住了。我的问题是我放置的任何东西!!!问题就在这里!!! (见下面的代码)位于,设置为最后一次迭代,这里水作为关键......

回答 0 投票 0

我可以使用 React 将点击事件分配给 SVG 中的路径吗?

看我简单的代码说说 从“反应”中导入反应,{useState}; 从“styled-components”导入样式; 从 &q...导入 { ReactComponent as SouthAmerica}

回答 3 投票 0

.NET Core 6 - 如何在点击时传递数据

我有一个 foreach 循环,它遍历模型并在表中显示数据。每当我点击

回答 2 投票 0

使用正则表达式询问用户家庭地址

我想使用正则表达式提示用户输入有效的家庭住址。 我已经在 regex101.com 上测试了我使用的正则表达式,但无论我写什么,代码仍然不起作用...... 地址示例...

回答 0 投票 0

Unity 中图片的 onClick 事件

是否可以在 Unity 中为图像(画布的一个组件)添加“onClick”功能? var obj = new GameObject(); 图片 NewImage = obj.AddComponent(); NewImage.sprite = Resources.Loa...

回答 2 投票 0

如何使用 ant design button react typescript 获取 onClick 事件目标值?

我目前正在使用 ant design 开发我的 React 和 TypeScript 项目。 我有按钮组件,我想在单击按钮时获取按钮的值和内部文本。 所以这是我在 codesa 上的代码......

回答 1 投票 0

点击时的 CSS 动画

如何让 CSS 动画与 JavaScript onClick 一起播放?我目前有: 。班级名称 { -webkit-动画名称:cssAnimation; -webkit-动画持续时间:3s; -webkit-动画迭代-

回答 11 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.