1回答
问题是:我的<input>不可编辑。我使用React，有一个简单的登录表单，只有一个<input>元素的type=“电子邮件”，它一直工作良好，直到我把它移到一个模态窗口。
因此，为了不触发“潜在的复制.”，让我总结一下我迄今尝试过的：
验证了我的onChange事件处理程序有正确的大小写。也研究了如何在使用它的组件上处理z索引的主题，但是它提到了带有负z索引的问题，而没有提到任何关于正值的问题。已经对15+主题进行了研究，因此对于这个确切的问题，他们中的大多数集中在onChange事件处理程序的正确大小写上，或者试图使用defaultValue来代替onChange事
浏览 1提问于2021-01-18得票数 0
回答已采纳
2回答
假设我有一个在单击特定按钮时自动创建或生成的输入.
假设产生的输入是..。
<input class='myinput' type='text' onchange='functionName($id,this.value)' />
<input class='myinput' type='text' onchange='anotherFunctionName($id,this.value)' />
<input class='myinput' type=
浏览 9提问于2021-05-13得票数 0
回答已采纳
1回答
我想在我的网页上添加一个背景覆盖，当一个选择框打开时，使网站变暗。
这需要在打开select时触发，我试过使用onClick，但不起作用。只有在选择了除dfault值之外的其他值时，onChange才有效，但这不是我想要的。我想让它在点击select时触发。
浏览 5提问于2018-08-11得票数 0
对于React/Javascript，我还是比较新的&使用它的功能。我创建了一个组件，该组件接受用户输入并呈现一个按钮，该按钮允许用户链接到外部URL。按钮标题由用户创建，然后添加URL。
但是，当一个url被粘贴或者我开始键入它时，onChange处理程序会自动创建按钮，而不使用onSubmit函数。因此，如果我开始输入一个粘贴url (即使数据是错误的)，onChange事件将接受我输入的所有内容，而不允许我单击"submit first“。
我遵循本教程作为创建onChange/onSubmit函数的指南：。他的演示没有相同的问题，他的输入字段解决了一个不同的问题。
on
浏览 3提问于2019-10-09得票数 1
回答已采纳
所以我试着学习状态的反应，我正在做一个小项目。我有三个输入，每个输入在提交时更新状态中的一个值。在提交时，它将根据更新后的状态值创建一个对象，并将其添加到状态中的数组中。
然后在数组上映射以显示对象的列表。问题是，当我在submit上添加一个新对象时，映射会在浏览器中显示该对象一秒钟，然后它将状态返回到其默认值，并且不显示任何对象条目。
代码如下：
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class
浏览 5提问于2020-08-05得票数 0
回答已采纳
我有一个输入文件，与onChange处理程序，它将处理当用户上传一个文件，但如果用户试图上传完全相同的文件再次。onChange处理程序不会触发。
<input type='file' onChange={this.handleChange}/>
浏览 1提问于2017-05-02得票数 0
回答已采纳
我目前正在使用Mozilla 14.0.1和Google 20.0.1132.57 (我认为是最新的)。
我的代码如下所示：
我想要发生的事情如下：
在input1上输入一些内容
单击禁用的输入(以触发onchange函数.见jQuery)
注意:在input1上输入内容后，我们单击禁用的输入，没有其他任何内容。
现在应该启用禁用的输入。因为通过单击禁用的输入，它应该会触发input 1的onchange函数。
这在Google中是有效的，但是它在上不起作用。为什么单击禁用的元素不会触发输入的onchange函数？这也适用于单击“禁用”而不是“禁用”。
浏览 6提问于2012-07-24得票数 0
基本上，我对输入字段使用了onChange方法来获取输入数据，但是由于铬填充了页面加载上的一些字段，我如何在使用onChange方法的同时获得这些数据？
使用refs和在初始useEffect()上获取数据可能是一个解决方案。但是我想知道是否有更好的解决方案涉及到onChange或类似的东西？！
浏览 1提问于2020-05-08得票数 2
回答已采纳
我使用pyjd/hulahop/pyxpcom加载带有输入字段的HTML文档，该输入字段绑定为“onchange=.”。执行AJAX调用的JS函数。
html如下所示：
...
<input name="inp" type="text" onchange="checkInput()"></input>
...
我可以使用以下代码轻松地定位和修改输入字段：
import pyjd
pyjd.setup(URL)
bw = pyjd.hula.wv
doc = bw.getDomDocument()
inp = doc.ge
浏览 0提问于2011-03-29得票数 1
回答已采纳
我需要在用户单击reset按钮后手动触发<input type="file">元素上的onChange事件。我有一个复杂的表单，它包含20多个输入，并允许动态添加新输入，容器组件(未显示)中的顶级函数处理这些输入，该函数接受每个输入的更改事件，并确定如何更改我的状态。
在页面加载时，我调用API并用数据预先填充表单。根据查询内容的不同，有时可能会包含英雄形象。如果图像存在，我会用“单击以删除/更改”按钮来显示它。点击它应该会触发输入上的onChange事件，它会沿着React树向上移动，并更新我的“content”状态(在本例中，删除hero_image对象中的数据
浏览 0提问于2017-09-20得票数 2
我在我的reactjs应用程序中使用tinyMCE。onChange事件将触发一次，在警报中正确地反映输入数据。那我什么也得不到。
以下是相关代码：
<Editor init={{
statusbar: false,
menubar: false,
}}
onChange={this.SetText}
/>
onChange方法：
SetText(e) {
alert(e.target.getContent());
}
浏览 0提问于2019-04-08得票数 2
回答已采纳
我有一个绑定到表单视图中的字段的onchange方法，如下所示：
@api.onchange('name')
def _onchange_name(self):
...
我注意到，只有在单击字段外或按enter时才会触发此onchange。--输入时不会触发，这是我期望从"onchange“中得到的。
我在整个odoo 14中都看到过这种行为。
有什么方法可以在输入时触发onchange吗？
浏览 2提问于2021-12-16得票数 0
我以前也有过这个问题。这一次是一个HTML5颜色输入，给出了问题。这是问题所在。我想使用一个onChange事件将用户选择的值通过Ajax从颜色输入发送到服务器，以便对数据库进行几乎实时的更新。但是，当用户将鼠标拖到彩色片上时，它会迅速触发大量的onChange事件，每次值的变化都会触发，因此服务器将被数百个毫无意义的请求淹没，直到用户停止滑动鼠标！
我可以使用onMouseOut来处理这个特定的问题，但是我遇到了其他问题，比如当用户单击/拖放来调整大小时，当用户单击/拖动来调整大小时，会检测到浏览器窗口的大小，并且每次像素变化都会触发事件。因此，我正在寻找一个答案，将触发的最终值，所有类似的
浏览 1提问于2016-03-10得票数 0
回答已采纳
我有一个Dojo 1.6.1 (dijit)表单，它在提交事件上有一个连接。表单将使用AJAX提交。问题是，当我在提交事件上使用dojo.stopEvent时，它会停止触发其他输入(Dijit)的onChange事件。
换句话说:在submit事件发生后，我显式地停止它并使用AJAX发送数据。此后，无论是通过更改输入值还是以编程方式调用dijit.byId('someDijit').onChange()，都不能触发输入的onChange事件。
你知道这是什么原因吗？
浏览 0提问于2012-10-25得票数 0
回答已采纳
2回答
输入表单组件的验证
、、、、
我有一个表单组件，包含多个TextFields，每个组件都有不同的验证和错误。假设我的TextField有自定义验证支柱，它需要一些条件，并显示每个TextField的onChange或onBlur验证。我也有自定义错误道具，显示消息无条件。
const Address = ({
onChange,
required,
error,
value = {},
validation = undefined,
}: AddressProps) => {
const validator = {
validationAddress: (value: string)
浏览 6提问于2022-08-07得票数 0
回答已采纳
我有一个带有文本框和提交按钮的角父组件，以及用作选项卡的子组件列表。其中一个子组件选项卡显示一个HTML iframe。我的问题是以下边缘情况：
加载应用程序选择->选项卡而不输入查询-> ngAfterContentInit()被调用并使用空查询输入查询并点击提交按钮Iframe仍然是空的，因为ngAfterContentInit()或<>D10</code>都没有被调用<code>H 211</code><code>G 212</code>
我怎么才能纠正这种行为？其他选项卡都没有这个问题，因为那里的数据不
浏览 1提问于2022-02-23得票数 0
1回答
我目前正在尝试学习React，但在获取输入的最新值时遇到了一些问题。 我目前有3个输入框，用户输入一些数字，然后我做一些数学运算，并输出下面的结果。 我目前使用的是一个onChange，这样每次用户输入时，它都会更新这个值，但是它总是在输出上落后一处。所以如果我输入h= 23 v= 13 d= 27，实际上会得到23，13，2的结果 我的代码在这里https://codepen.io/highfly117/pen/PoKoMoO class Form extends React.Component{
state = {
vValue:0,
hValue:0,
dValue:0
}
浏览 76提问于2021-10-11得票数 0
3回答
我正面临一个奇怪的问题，输入字段的反应。我知道hidden输入不会触发input或change事件。但是，即使我手动触发它们，React的onChange事件仍然没有被调用。
我在这里同时触发change和input事件，因为React的onChange实际上是input事件。当我为测试目的在inputRef (addEventListener("change", () => { ... }))上设置一个事件侦听器时，就可以毫无问题地调用它。然而，它的反应是有一些问题拦截它。
以下是我的当前代码：
const [fieldValue, setFieldValue] = u
浏览 3提问于2019-09-15得票数 11
回答已采纳
在我的React应用程序(版本15.4.2)中，我用JavaScript更新文本输入字段的值--但是，我有一个与输入字段相关联的onChange事件侦听器，而更改输入字段的值并不会触发处理程序(当然，输入字段中的老式类型会触发处理程序)，尽管字段的内容是正确更新的。
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this);
}
onChange(event){
let attribute = event.target.name;
let updatedGroup =
浏览 1提问于2017-02-17得票数 7
回答已采纳
我有一个表单，它通过侦听所有表单字段的onChange事件来跟踪它的脏状态。如果窗体是脏的，则当用户试图离开该页或尝试选择另一项时，会警告用户注意未保存的更改。
这与“普通页”中的表单工作得很好。
此表单也在iframe中使用。当更改第一个输入字段的值，然后跳转到表单中的另一个字段时，将按预期触发onChange事件，并将表单设置为脏。但是，如果只更改一个输入字段，并且单击iframe以外的任何位置，则不会触发更改输入字段的onChange事件。当iframe丢失输入字段时，它似乎并没有真正失去它的焦点。
如何确保在单击iframe外部时触发onChange事件？
浏览 3提问于2012-10-17得票数 1
当输入的值被javascript改变时，为什么输入的onChange函数不能被激活？例如，为什么点击按钮时不会发生警报？
<html>
<body>
<input type="text" id="myInput" onchange="alert(1)" />
<button onclick = "document.getElementById('myInput').value = 'ads'">click</button>
</bod
浏览 2提问于2011-10-22得票数 1
回答已采纳
3回答
我试图用一个按钮在html中使用文件输入。
我的html：
<input type="file" class="btn btn-purple" id="inventory_csv" name="inventory_csv" onchange="this.form.submit()" style="display:none">
<button name="upload_inventory" id="upload_inventory" class=
浏览 7提问于2015-09-24得票数 0
回答已采纳
extjs numberfield字段有一个maxValue属性，可以很好地用于微调器(向上/向下按钮)，但不能防止无效的键盘输入。我希望保留键盘输入，但我希望强制使用正确的值，并且不需要进一步标记它。
在onchange处理程序中，我根据maxValue验证newValue并将其设置回maxValue，但随后我必须在控件上使用setValue来更新它。这将触发另一个onchange事件。有一个基于onchange事件的逻辑，该事件现在被触发两次。
我可能正在寻找两种解决方案中的一种：- 1:能够在不触发onchange事件的情况下更新控制值- 2:使用一些内置的numberfield属性将输
浏览 3提问于2011-12-22得票数 0
回答已采纳
我有一些关于标准bootstrap typeahead元素的问题，它有一个附加的onchange事件，如下所示：
<input id="element1" />
<script type="text/javascript">
var $element1 = $j("#element1");
var $output = $j("#output");
$element1.typeahead({
"source": ["apple", "airplan
浏览 6提问于2013-01-16得票数 3
4回答
如何在输入值发生动态变化时检测其变化。当txt2上的更改清除txt1中的值时。我需要检测它是否已清除或更改。
Onchange不会这样做。
<input id="txt1" type="text" onchange="SetDefault();" onpaste="this.onchange();" oninput="this.onchange();">
<br>
<input id="txt2" type="text" onchange="
浏览 2提问于2016-09-08得票数 5
5回答
我试图克隆type="file“的输入元素。在这个输入元素中有一个onchange事件。在从onchange事件调用的函数中调用克隆方法。
我遇到的问题是，当我克隆文件上传输入时，onchange事件再次被触发。这只发生在Chrome上，但在IE中的工作原理是一样的。
<input type="file" id="fileUpLoad" onchange="doFunction();" />
doFunction = function() {
var oldEl = $('#fileUpLoad');
浏览 1提问于2014-08-07得票数 2
回答已采纳
我在表单中有输入字段和提交按钮。每个输入字段都有onchange事件处理程序，而按钮具有onclick事件处理程序函数。
这是范本表格，供参考。
<style>
div {
margin: 15px;
}
</style>
<script>
function inputchange() {
alert("Input change triggered");
}
function buttonclick() {
alert("Button click
浏览 0提问于2018-11-27得票数 1
考虑React组件中的以下输入元素：
<input onChange={() => console.log('onChange')} ... />
在测试React组件时，我模拟用户更改输入值：
input.value = newValue;
TestUtils.Simulate.change(input);
正如预期的那样，这会导致记录'onChange'。
但是，当'change'事件被直接分派时(我使用的是jsdom)：
input.value = newValue;
input.dispatchEvent(new Eve
浏览 2提问于2016-08-21得票数 21
回答已采纳
在虚拟DOM中，每次输入内容发生变化时都会触发onChange。在常规DOM中，只有在输入元素模糊时才会触发onChange。
示例项目：
为什么React会对虚拟DOM元素触发不同的onChange事件？
浏览 7提问于2016-08-17得票数 2
回答已采纳
2回答
解析“4”失败。至4
、、、
我在React redux中工作，并创建一个数字类型字段。event.target.value返回一个字符串，因为它是数字类型编辑器，它必须以数字的形式返回值，所以我将值解析为number。当我尝试输入4.5时，问题就出现了。首先，当我键入4时，它将被解析为4(对数字的刺)。但是当.输入数字4.得到解析为4时，我只是没有输入浮点值。
设onChangeText =(值)=>{fieldProps.onChange(parseFloat(值))；}
如果我在onBlur中解析值，那么它将工作，但是对于状态管理，我必须使用onChange。是否有任何方法将4.字符串解析为4.编号。
浏览 2提问于2016-09-24得票数 1
回答已采纳
我现在有一个表单，其中包含一个“select”输入。当用户选择一个选项时，我希望表单自动提交。
以下是我的当前代码：
<form method="get">
<select name="category" data-native-menu="false" onchange="this.form.submit()">
<option value="1">Option 1</option>
<option value="
浏览 2提问于2011-09-11得票数 1
回答已采纳
我有一些代码基本上如下所示
.on("keyup", "input", function (e) {
this.value = utils.formatNumber(this.value);
})
.on("change", "input", function(e) {
expensiveFunctionThatUpdatesView();
})
实际上，值被正确地格式化为用户类型，但是当用户选项卡或单击它的方式离开输入字段时，onChange事件不会被触发(因此视图不会被更
浏览 0提问于2012-10-23得票数 1
在我的React/ Redux应用程序中，我有一个文本输入，它的默认值是通过Ajax调用检索的。用户可以在输入中编辑默认值，然后单击“submit”链接提交更新的值。我正在努力使用不受控制的或受控的输入。
使用defaultValue不受控制的输入:当默认值的数据从最初的Ajax调用中返回时，组件不会被重新呈现(详细信息在正式文档中)。所以输入字段一直是空白的。
使用受控输入并将值绑定到组件的道具：这确实正确地给出了默认值，但是由于我无法更改道具，该字段基本上是“锁定”的。我可以通过触发一个操作来修改onChange处理程序中的全局状态并强制整个组件重新呈现，从而解决这一问题，但这再次
浏览 3提问于2016-01-20得票数 3
回答已采纳
1回答
所以我整个上午都在做这件事，不知道如何使用useState正确地更新我的状态。
我有一个被控制的用户输入与name。当用户输入文本并提交时，我希望获取输入值并将其推送到另一个状态对象namesList，并在子组件中映射该数组。
父组件
import React, { Fragment, useState } from 'react';
import TextField from '@material-ui/core/TextField';
import NameInputList from './NameInputList';
const
浏览 1提问于2019-11-29得票数 2
我有一个div，它包含一个输入元素和作为子元素的span元素。输入和span是兄弟(具有公共父级div)。所以我在div上有一个模糊事件，在span元素上我有一个tabindex 0。因此，当我的焦点放在输入元素上时，当我选择选项卡时，焦点会移动到span，但是模糊事件会被触发。当在滑块之间投球时，该事件是否预期会触发？
React代码：
<div className="box-v2"
tabIndex={-1}
onBlur={this._onBlur}>
<input ref="inpu
浏览 2提问于2017-07-05得票数 0
回答已采纳
1回答
我刚开始使用testcafe，我正在尝试登录我的应用程序。目前，测试逻辑是这样的
await t
.typeText('#username', 'user')
.typeText('#password', 'userpass');
.click('.btn');
这会失败，因为我的登录组件将凭据存储在状态变量中，这些变量是在输入上触发OnChange()时设置的。如何在testcafe中触发事件？
我对react进行了一些研究，发现可以像这样触发输入的OnChange
var
浏览 2提问于2017-05-23得票数 1
2回答
下面我有一些React代码的一部分，我有一个数字输入，我想防止人们点击低于0的值，我已经用min属性做到了这一点。然而，我已经看到，仍然可以手动键入负数。经过一些谷歌搜索，我发现人们可以通过keyPress检查和查看字符代码来处理这个问题，但由于某些原因，我不能很好地让它工作。 两个处理程序是否相互冲突？我的目标是允许点击增量对正数起作用，并防止在输入中允许负数和小数。 它是一个受控输入，其中值来自状态。 const handleChange = (e) => {
console.log(e.target.value);
setCount(e.target.value)
浏览 25提问于2021-01-24得票数 2
onchange="myfunction()"
当我想要Javascript函数"myfunction“在用户输入一些文本到输入域时立即执行时，上面的方法工作得很好。但是，我遇到了浏览器自动输入文本的情况。当字段更新如下时，如何执行myfunction：
document.getElementById("myfield").value = "my value"
"onchange“无法识别DOM更改。
浏览 1提问于2016-08-26得票数 1
我在一个页面上有一堆输入元素。每个输入元素都有一个onchange事件，该事件触发对服务器的ajax调用。我想禁用所有这些onchange，然后对元素进行一些编程更改(重置它们)，然后重新启用这些onchange事件。我希望只有一次ajax调用会因此而发生。
如何使用JQuery完成此操作？
非常感谢！
浏览 2提问于2011-10-04得票数 2
回答已采纳
2回答
是否可以为应用了插件的输入定义回调函数。
我实际上想在onchange事件上执行一些东西，但奇怪的是，它是在设置值之前触发的。当onchage事件被触发时，输入为空值。
浏览 0提问于2011-06-17得票数 8
回答已采纳
我正在创建一个小的实用程序，在这里我需要调用一个由输入的setState处理程序触发的延迟到下一个滴答的onChange。下面是一个简单的片段，展示了基本概念。
class MyComponent extends React.Component {
constructor () {
super(...arguments);
this.state = {};
}
onChange (value) {
setTimeout(v => {
this.setState({ name: v });
}.bind(this, value),
浏览 0提问于2016-05-17得票数 2
回答已采纳
1回答
我编写了一个模态组件：Modal，它有这样的道具：
interface IProps {
isShowing: boolean,
hide(): void,
category: ICategory
}
此模式是一个只包含一个输入的表单：
const [name, setName] = useState(props.category.name)
// Other bunch of code.
const editCategory = (e: React.FormEvent) => {
e.preventDefault()
浏览 0提问于2020-11-11得票数 0
我在一个输入字段上有两个事件侦听器。一个在更改时调用，另一个在google的自动完成下拉菜单上单击时调用。我的问题是，当您单击这种自动完成时，两个处理程序都会被调用，并向google api发出请求。
我试图绑定onchange事件，并在google autocomplete ajax调用触发时解除绑定它，但onchange事件是首先执行的。所以它不会被解绑。那么，有没有可能检测用户是手动输入的，还是通过自动成功输入的？我只想在用户手动输入并且没有使用自动完成下拉菜单时执行"requestlocation“函数。我尝试了其他一些像"focus-out“这样的方法，但没有成功。
浏览 0提问于2012-04-19得票数 0
回答已采纳
我正在使用Vuejs，我希望防止输入标记显示用户的字符，并将其替换为我自己的字符(这是一些数字)。
我已经在计算中使用了@onchange和Watch以及getter和setter。问题是，字符立即出现在输入，然后改变到我想要的。
<input v-model="phonenumber" id="downloadlink" v-
on:keydown="sendDownloadLink" placeholder=""
maxlength="11" autocomplete="o
浏览 0提问于2019-06-17得票数 1
回答已采纳
1回答
我已经在我的webapp中用vue.js 2.0构建了一个搜索组件。我现在遇到的问题是，它搜索每个类型的事件。因此，假设我想搜索samsung。它向我的服务器发出7个请求(7个字母)。
我的输入字段如下所示：
<input
class="input pr-4 pl-10 block"
type="text"
placeholder="Search for anything..."
v-model="search"
@keydown.enter=&
浏览 1提问于2018-10-06得票数 3
回答已采纳
我有一个checkPassword函数，它检查密码的长度，这个函数在输入密码时触发"onChange“。
以下是功能：
const checkPassword = () => {
if (user_password.length >= 10)
setPasswordFlag({ ...passwordFlag, length: true });
else setPasswordFlag({ ...passwordFlag, length: false });
};
这是我的密码输入：
<input type="passwor
浏览 0提问于2021-10-02得票数 0
回答已采纳
3回答
我有一个用jQuery编写的DatimePicker，它由一个输入文本和一个按钮组成。单击该按钮后，日历将启动/显示。
现在，问题是我在输入文本上有服务器端的onChange事件。
当我将光标放在文本框上并单击按钮以启动日历时，将发生服务器端回发，而不是直接启动日历。
我不想要这种行为，也不知道如何解决它。
这意味着，如果焦点从输入移动到按钮，我不希望发生onBlur。
我怎么才能解决这个问题呢？
浏览 0提问于2011-06-10得票数 1
我的React应用程序中有一个文本输入字段，我想验证它的输入，所以我有一个验证器函数在onChange事件的处理程序中工作。我还希望在将值粘贴到输入中时修剪空格，然后让它通过onChange验证器运行。 目前我的JSX看起来像这样： handleChange(event) {
let { name, value } = event.target
if (typeof this.props.validatorFunction === "function") {
value = this.props.validatorFunction(value)
浏览 59提问于2019-12-10得票数 1
回答已采纳
1回答
我刚刚开始学习ReactJS，所以任何帮助都将不胜感激。我正在尝试制作一个表单，让用户在多个输入字段中输入他/她的地址。当用户完成在所有输入字段中的输入时，将触发一个函数来验证地址。通过研究，我发现了onChange和onBlur，但似乎只适用于一个输入域。有没有其他方法可以跟踪所有五个输入，并在用户完成后触发函数？或者，如果有任何方法可以使用onChange来做到这一点，我很想知道。下面是我的表单的代码。提前谢谢你。
<form>
<label>
<DebounceInput
name="addressLi
浏览 0提问于2017-07-11得票数 0
回答已采纳
我有一个输入文本，其中包含一个onchange事件，该事件调用一个警报框显示的函数。我还有一个按钮，它的onclick调用了一个不同的函数。如果用户对输入文本进行更改并立即单击按钮，onchange事件就会触发，显示警告框，但该按钮的onclick函数中的代码不会执行。我读到这与事件冒泡有关，但我还没有看到任何解决方案。有解决办法吗？有可能吗？
下面是一个小小的例子：
<input type = "text" onchange = "showAlert1()">
<input type = "button" id = "
浏览 0提问于2011-06-16得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
