onchange 相关问题

使用 Dojo 在下拉列表更改时显示警报

我试图在更改下拉列表的值时显示警报。使用道场。这是我的代码： 页面加载时会附加此事件... dojo.query('#inquiry_type select').connect('onchange',...

更改时的 JavaScript 检查所有输入字段值

我有一个包含纸箱数量值的输入字段数组，我想确保扣除的纸箱数量不会超过所需数量。当只有一个输入字段时它会起作用，例如当我......

无法在 SwiftUI 中获取搜索列表所选项目 id

我有一个用于显示所有列表的 API 和另一个用于显示搜索词列表的 API，但在这里，我从所有列表中获取 selectedDataID，但从搜索列表中选择的项目未获取 selectedDataID。嗬...

如何使用 Provider 提供初始值并将更改的值保存在 TextFields 中？

我有一个带有简单数据模型的应用程序 笔记（ 字符串标题， 字符串内容 ） 我要问的 UI 部分基本上是一个带有 ListView 的 Row，其中显示旁边的注释标题...

为什么每当触发 onChanged 事件时，TextField 中的光标就会跳到文本开头？

我的应用程序有（除其他外）一个 TextField 和 ElevatedButton。我正在使用 Provider 管理状态。我希望当 TextField 的内容更改时按钮颜色从白色更改为蓝色。 我有...

如何使用 ngModelChange 实现 Angular 中的 React onchange 事件

html： html: <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [ngModel]="total" (ngModelChange)="handleOnChange('total', $event)" /> </mat-form-field> TS： public handleOnChange = (field, e) => { console.log("hell", field) this.total=90 } 在任何更改事件触发handleOnChange方法后，this.total的值应保持恒定在90，并且90应不断显示在输入框中。这是我试图实现的逻辑。但是当有onChange时第一次，输入值更改为 90，但第一次按下任意键后，值会更改..例如..90a,90tyhuil,90oojh.... 我来自react..有人请建议我如何在Angular中的react输入标签中实现onChange事件。 删除（ngModelChange）事件 <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [ngModel]="total"/> </mat-form-field> 现在在构造函数中初始化总计的值，以便在输入更改之前它将保持不变 constructor() { this.total=90 } 现在将 [ngModel]="total" 替换为 [(ngModel)]="total"，它将自动将新值分配给 Total，并将反映在输入中，并添加 [value]="total" 以将初始值重新填充到输入中 所以最终代码将是 <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [(ngModel)]="total" [value]="total"/> </mat-form-field> 我们可以将输入字段直接传递给函数并将值设置为所需的结果，这将覆盖任何更改！ html <mat-form-field> <mat-label>Input</mat-label> <input matInput name="total" placeholder="0.00" [ngModel]="total" #input (ngModelChange)="handleOnChange('total', $event, input)" /> </mat-form-field> ts public handleOnChange = (field: any, e: any, input: any) => { console.log('hell', field); this.total = 90; input.value = 90; }; Stackblitz 演示

如何使用 ngModelChange 实现 Angular 中的 onchange 事件反应

html： html: <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [ngModel]="total" (ngModelChange)="handleOnChange('total', $event)" /> </mat-form-field> TS： public handleOnChange = (field, e) => { console.log("hell", field) this.total=90 } 在任何更改事件触发handleOnChange方法后，this.total的值应保持恒定在90，并且90应不断显示在输入框中。这是我试图实现的逻辑。但是当有onChange时第一次，输入值更改为 90，但第一次按下任意键后，值会更改..例如..90a,90tyhuil,90oojh.... 我来自react..有人请建议我如何在Angular中的react输入标签中实现onChange事件。 删除（ngModelChange）事件 <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [ngModel]="total"/> </mat-form-field> 现在在构造函数中初始化总计的值，以便在输入更改之前它将保持不变 constructor() { this.total=90 } 现在将 [ngModel]="total" 替换为 [(ngModel)]="total"，它将自动将新值分配给 Total，并将反映在输入中，并添加 [value]="total" 以将初始值重新填充到输入中 所以最终代码将是 <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [(ngModel)]="total" [value]="total"/> </mat-form-field>

在 Safari 浏览器中，在输入事件处理程序中修改元素的值时不会触发更改事件

在输入元素的输入事件中修改元素的值时，Safari 浏览器中不会触发更改事件。 我使用了下面的代码块 ` 在输入元素的输入事件中修改元素的值时，Safari 浏览器中不会触发更改事件。 我使用了下面的代码块 `<input type="text" id="textid"\> <script\> var textcase = document.getElementById('textid'); textcase.addEventListener('input', function(args) { document.getElementById('textid').value =document.getElementById('textid').value + "#"; }); textcase.addEventListener('change', function(){ console.log('Change evet triggered'); }); </script\> ` 复制过程： 在输入元素中输入一个值并退出焦点。 查看控制台窗口，更改事件未触发。 预期行为： 在输入元素的输入事件中修改元素的值时。更改必须在 Safari 浏览器中触发。 我刚刚在 Safary 中遇到了同样的问题。 Firefox 和 Chrome 工作正常，但 Safari 不行。 你找到解决办法了吗？ 到目前为止我能找到的唯一方法是手动创建“更改”事件并通过 element.dispatchEvent 处理程序中的 input 触发它。但就我而言，使用这个解决方案我无法实现我的目标，所以它不是我的选择。

VueJS：选择同一文件时未触发输入文件选择事件

我们如何在 Vue Js 中文件输入检测相同文件输入的更改

React 测试库表单验证 onChange 未按预期工作

我正在学习 React 测试库，并努力理解如何使用 onchange 验证错误消息。 我什至简化了它，以便在两个输入都有效之前禁用该表单。 它适用于...

我可以阻止回车键调用Input标签的change事件吗？

change 事件，但不应在按下 Enter 键时触发。 JSFiddle：https://jsfiddle.net/Ljwa10es/1/ 输入样本 const inp = document.querySelector("#inp&

检测任何表单字段更改以更新日期更新字段

我正在使用 Bootstrap Studio 5.3 创建一个页面，其中包含一个包含 22 个字段的表单。 其中一个字段是“更新日期”字段，我想用当前日期和时间更新该字段，任何...

Angular 自定义控件 onChange 无法正常工作

我已经构建了一个带有标准和自定义控件的动态表单（一个简单的按钮比例来推送和检索值）。我遵循 Angular 教程和其他教程来确保我正在构建

SwiftUI / ScrollView中基于scrollPosition的动画

我正在开发一个 IOS SwiftUI 项目，我试图在滚动行为中复制这种动画（不确定它是否有名称）： https://www.lemonde.fr/les-decodeurs/visuel/2023/06/07/comp...

如何将事件处理程序添加到我的下拉列表中，以便下拉列表值的<onChange>、屏幕上的所有值表示都发生变化？

用户界面： 我有一个包含四种货币的下拉列表。每次我选择一种新货币时，屏幕上的货币表示形式也会发生变化。当我第一次选择时，我们说E...

输入框变化时如何运行PHP代码？

当文本框发生变化时，我试图用 PHP 做一些事情。我可以使用 JavaScript 和 onchange 来完成此操作，但这不适用于 PHP。 我现有的 PHP 代码中已经有一个 PHP 函数。

有关带有 typescript 和 tailwind 的 next.js 应用程序中单选组中默认检查输入的错误

使用 next.js，我构建了一个网页，该网页接受用户的输入（用户从 3 个菜单中进行选择），然后显示包含所请求信息的 Chartjs 条形图。所有 3 个菜单都有默认值

Javascript“onChange”不会在元素值更改时触发

我的大概 HTML： 自动化状态 我的大概 HTML： <td style="width: 25%"> <label class="io-label" for="custom_automation_status">Automation Status <span class="form-required">*</span> </label> <select name="dropdown_status" style="display: none;"> <option value=""></option> <option value="1"> Option 1</option> <option value="2"> Option 2</option> <option value="3"> Option 3</option> <option value="4"> Option 4</option> </select> <div id="dropdown_status23_chzn" class="chzn-container" style="width: 100%;"> <a href="javascript:void(0)" class="chzn-single" tabindex="-1"> <span>Option 1</span> </a> </div> </td> 我的JavaScript： $(document).ready(function() { startProgram(); }); function startProgram() { let automationStatusElement = document.getElementsByName("dropdown_status")[0].nextSibling.children[0].children[0]; automationStatusElement.addEventListener('change', function() { console.log("dropdown_status changed"); }); } 当我更改下拉选项时 - 它会更改 <span>Option 1</span> 文本，但我无法触发事件 console.log("dropdown_status changed");。 我验证了 automationStatusElement 变量具有正确的元素。它只是检测不到变化。 我在这里缺少什么帮助吗？谢谢 您可能想做这样的事情； const drop = document.querySelector("[name=dropdown_status]"); drop.addEventListener("change", (e) => { const selectedOption = e.target[e.target.options.selectedIndex].text; const span = document.querySelector("a > span"); span.textContent = selectedOption; }) <td style="width: 25%"> <label class="io-label" for="custom_automation_status">Automation Status <span class="form-required">*</span> </label> <select name="dropdown_status"> <option value=""></option> <option value="1"> Option 1</option> <option value="2"> Option 2</option> <option value="3"> Option 3</option> <option value="4"> Option 4</option> </select> <div id="dropdown_status23_chzn" class="chzn-container" style="width: 100%;"> <a href="javascript:void(0)" class="chzn-single" tabindex="-1"> <span>Option 1</span> </a> </div> </td>

当等效的 DOM 事件侦听器触发更改事件时，什么可能会导致更改事件不以角度触发？

我有一个角度应用程序，其组件具有文件输入，如下所示： 该组件在 mu 之间共享...

Blazor 应用程序 (net8) 中选择控件的 Onchange 事件未触发

我是 blazor 的新手，正在编写 blazor Web 应用程序。我想在用户在选择控件中进行选择后运行一些逻辑。我尝试过 onchange 和 onselect 事件。