javascript-events 相关问题

不要使用这个标签! JavaScript没有事件构造。使用[dom-events],[jquery-events],[backbone-events];或者图书馆/环境+ [事件],例如[node.js中] + [事件]

如何使用香草JavaScript更改动态制作的div的颜色?

我在一个在线Boot-Camp中,他们要求我创建一个记忆游戏并提供以下代码。第一步是更改卡的颜色。仅适用于JavaScript。我很确定我...

回答 1 投票 0

[单击按钮,我想使用javascript将文本字段的值加1

我希望每个按钮增加它旁边的值文本字段[] function incrementValue() { var value = parseInt(document.getElementById('number').value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById('number').value = value; } <form> <input type="text" id="number" value="0"/> <input type="button" onclick="incrementValue()" value="Increment Value" /> </form> 您在这里走:实施示例:Html <form> <input type="text" id="number" value="0"/> <input type="button" onclick="incrementValue()" value="Increment Value" /> </form> Javascript: function incrementValue() { var value = parseInt(document.getElementById('number').value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById('number').value = value; } 由于您说按钮只是向第一个文本字段添加值,所以可以使用其自己的onclick函数为每个文本字段赋予不同的ID,以便它们可以单独使用 这是您的代码示例 var i = 0; var x = 0; var y = 0; function buttonClick1() { document.getElementById('qty1').value = ++i; } function buttonClick2() { document.getElementById('qty2').value = ++x; } function buttonClick3() { document.getElementById('qty3').value = ++y; } <input type="number" value="0" min="0" max="5" step="1" id="qty1" /> <button onclick="buttonClick1()" type="button" class="btn btn-success btn-sm" id="add">ADD</button> <input type="number" value="0" min="0" max="5" step="1" id="qty2" /> <button onclick="buttonClick2()" type="button" class="btn btn-success btn-sm" id="add">ADD</button> <input type="number" value="0" min="0" max="5" step="1" id="qty3" /> <button onclick="buttonClick3()" type="button" class="btn btn-success btn-sm" id="add">ADD</button> 。 你好@Hemanshu Dharmik; 您可能应该执行以下操作: var i = 0; function buttonClick() { document.getElementById('add').value = i++; } </script> 我希望这能使您的计数器正常工作。 根据您提供的设计,您似乎希望能够在多个“项目”上使用它。 请记住,您将无法使用ID。为了解决这个问题,您可以在利用基于dom的javascript操作的同时做类似的事情。 <div class="item"> <input type="number" value="0" min="0" max="5" step="1"/> <button onclick="buttonClick(this)" type="button" class="btn btn-success btn-sm">ADD</button> </div> 就JavaScript而言,因为按钮位于文本输入字段之后,所以您可以使用element.previousElementSibling function buttonClick(element) { let qtyBox = element.previousElementSibling; qtyBox.value = parseInt(qtyBox.value) + 1; }

回答 4 投票 0

如何知道哪个元素触发了引导程序模式的openind

我有两个产品下拉列表。如果选择的选项是第一个(值为-1),则模式打开,用户可以在其中保存新产品。在模式关闭时,我同时更新了下拉列表并想要...

回答 1 投票 0

现代javascript:创建5个可点击的按钮,并在每个按钮上附加一个事件,该事件将记录按钮的名称和索引位置

使用现代javascript,我应该创建5个可点击的按钮,并且应该附加一个事件,该事件记录按钮名称(动态创建)和索引位置。

回答 1 投票 -2

分割字符串并在JavaScript中移至换行符

我有一个示例字符串,如果使用javascript var str =“ name:stain empid:145 age:53 Dob:29/07/1993 sex:m数组中存在该值,则需要在其中移至新行。 “ var arr = ['name','age','...

回答 1 投票 0

如何在加载时动态更改表中行的颜色

我正在使用Angular 1.6。我有一个表: [数量 价格 时间 &...

回答 1 投票 0

限制在容器中动态添加输入-jQuery

我正在尝试动态添加输入和图标,但我想设置限制以将其添加到我的容器(框)中。我的父div是全角,并且我在...

回答 1 投票 0

如何在第一次按下Enter键时触发具有第一个onclick事件的元素停止

我正在修复一个jsp页面中的错误,即使使用onkeypress事件定义了一个函数来单击特定按钮(实际上是带有onclick属性的按钮图像……)>

回答 2 投票 1

在特定情况下无法调用Jquery / javascript停止功能(当其他事件已调用该功能时)

我正在尝试以两种方式调用一个函数:任一种方式,在调用该函数时都不应允许另一种调用该方法。这里,在两个地方调用了'renameFolder':首先集中注意力...

回答 1 投票 0

iframe正文加载后如何运行javascript代码

我如何在iframe加载后在iframe上下文中运行代码?我设法将调度程序附加到其窗口上下文,但是在iframe完全加载后,它已被删除(好像窗口...

回答 2 投票 0

在浮点数验证中仅允许使用小数点后3位。<>

我想将用户的输入限制为纯数字和具有3个小数位的数字。我想在js或jquery中

回答 1 投票 0

preventDefault()不起作用

当我在链接上使用event.preventDefault()时,它可以工作,但是当我在按钮上使用它时,则不行!演示我的代码:link

回答 5 投票 14

请对此进行清楚的说明

尽管问题很老,但仍然让我感到困惑。如果您看过javascript udemy课程...在猪游戏中,创建的那个家伙说他If(dice!== 1){//让我们假设我已经创建了我的...

回答 1 投票 0

如何同步等待reCAPTCHA v3令牌?

我处在束缚之中,在Javascript世界中,这很奇怪。我需要先解决reCAPTCHA v3令牌,然后再进行表单提交。由于某些事件已绑定到表单Submit ...

回答 1 投票 0

[单击其他声音时停止播放音频,而单击多个声音时没有重复事件

这是我的代码。我有2个按钮,一个链接到#streama,另一个链接到streamb,我有2个问题当我单击任意一个按钮两次时,它会播放两次音频(3clicks = 3time正在播放...

回答 1 投票 1

根据输入文本,更改两个输入字段的背景颜色

我正在使用bootstrap-vue显示模式。使用OPEN MODAL BUTTON打开模态后,它将显示两个输入字段。当我将文本添加到输入字段之一时,它会同时更改两个输入的颜色...

回答 1 投票 0

onKey在每次击键时触发

我在组件的输入框中具有onChange事件属性,由...处理]]

回答 1 投票 0

addEventListener STILL多次触发(即使具有相同名称的回调)

下面的代码仅将一个事件应用于多个DOM元素。由于将多次调用此代码集,因此事件将多次应用于同一元素。我避免了...

回答 1 投票 0

删除事件监听器-我需要传递完全相同的匿名函数吗?

componentDidMount(){window.addEventListener(“ scroll”,(e)=> {console.log(“ Hello”});} componentWillUnmount(){window.removeEventListener(“ scroll”,(e)=> {console .log(“ Hello”}); ...

回答 2 投票 0

更改CCS html {background:…}日期day(),如果偶数为奇数

请使用html,我如何更改谢谢您的帮助的样式@r

回答 1 投票 0

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