event-handling 相关问题

事件处理是关于处理源与一个或多个订户之间的消息的编码样式。源中的点侦听器提供了一种方式,订阅代码可以使用从源引发的消息。

如何将成员添加到活动

我必须连接到这样的活动。 对于 (int iii = 1; iii <= pcdApplication.Machines.Count; iii++) { Machine machine = pcdApplication.Machines.Item(iii); machineList.Add(machine);

回答 1 投票 0

为什么我的所有元素都接收自上次元素迭代以来的事件侦听器更改?

我在将自定义事件侦听器应用于容器中的每个元素时遇到问题。 HTML: E

回答 0 投票 0

GWT 捕获 Textbox onload 事件

我有一个表单,用户可以在多个文本框中输入信息。 文本框的创建方式如下 - GroupSection courseNumber = new GroupSection(getH4Title("")); 课程编号.addStyleName(

回答 1 投票 0

MAUI:如何在代码中绑定事件属性(sender、EventArgs);绑定到 ViewModel 或代码隐藏

我已使用 XAML 标记成功将 DrogGestureRecognizer 的 Drop 事件绑定到 CodeBehind,如下所示: ...

回答 1 投票 0

如何删除 JavaScript 事件侦听器?

我正在尝试删除侦听器定义内的事件侦听器: canvas.addEventListener('点击', 函数(事件) { 单击++; 如果(点击== 50){ // 删除此事件监听器 h...

回答 10 投票 0

当窗口焦点事件发生时,如何更新Livewire组件类的变量?

MyLivewireComponent.php MyLivewireComponent.php <?php namespace App\Livewire; use Livewire\Component; use App\Models\Person; class MyLivewireComponent extends Component { public $persons; public function mount() { $this->persons = Person::all(); } public function render() { return view('livewire.my-livewire-component'); } } ?> 当浏览器窗口获得焦点时(focus事件),我只想通过重新执行语句来更新$persons变量的内容和值: $this->persons = Person::all(); 这样,如果该集合中有任何补充,它将获得新的综合列表。 这是因为在我的刀片上... my-livewire-component.blade.php <select> @foreach($persons as $person) <option value="{{ $person->id }}">{{ $person->name }}</option> @endforeach </select> 这将确保用户返回 Web 应用程序后下拉列表始终更新。 这让我回到我的问题。当窗口焦点事件发生时,如何更新Livewire组件类的变量? 如果您使用 AlpineJS,您可以使用 x-on 方法。使用此句柄,您可以触发事件来执行更新人员列表的 Livewire 方法。 示例: <div x-on:blur="Livewire.dispatch('windowRefocused')"> Livewire 活动 AlpineJS x-on 指令

回答 1 投票 0

使用 Node EventEmitter,如何从服务列表中删除对象,同时取消订阅服务的事件调度?

我正在研究Node.js的EventEmitter。我正在尝试创建一家面包店,如果顾客在烘烤面包时有钱,他们会自动购买面包。不过,我还想创建一个列表

回答 1 投票 0

如何在Toast消息中消费点击事件?

我制作了一个 powershell 代码,显示带有“是/否”选项的 toast 消息。现在我正在寻找一种正确处理该点击事件的方法。请参阅下面我到目前为止的代码: CLS 删除-Va...

回答 1 投票 0

Spring-Boot 2.7 -> 3 升级后,SessionCreatedEvent 不再触发

在Spring-Boot 2.7.x中,我收到了SessionCreatedEvent和SessionDestroyedEvent事件。升级到 Spring Boot 3.0.x 后,这些事件不再传递到我的应用程序。我仍然收到...

回答 1 投票 0

Click 事件在 Javascript 中的不同按钮控件上触发

我有以下 HTML 代码,我将商品添加到购物车,然后最后单击提交。 我有以下 HTML 代码,我将商品添加到购物车,然后最后单击提交。 <div class="form-group"> <div> <select id="available-options" multiple> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> </select> <button id="add-button" aria-label="Add">Add</button> </div> </div> <div class="box-footer"> <button type="submit" class="btn btn-default">Cancel</button> <button type="submit" class="btn btn-info pull-right">Update</button> </div> 我有以下Javascript window.onload = function () { const addButton = document.getElementById("add-button"); addButton.addEventListener("click", () => { const selected = availableOptions.selectedOptions; for (let i = 0; i < selected.length; i++) { const option = selected[i]; selectedOptions.appendChild(option); } }); } 当我单击 add 按钮时,两个按钮事件都会被触发! button元素的默认类型是submit。您可以指定 button type="button" 或使用 event.preventDefault() 阻止默认行为。 演示: <form> <div class="form-group"> <div> <button id="add-button" aria-label="Add">Add</button> </div> </div> <div class="box-footer"> <button type="submit" class="btn btn-default">Cancel</button> <button type="submit" class="btn btn-info pull-right">Update</button> </div> </form> <script> window.onload = function () { const addButton = document.getElementById("add-button"); addButton.addEventListener("click", (event) => { event.preventDefault(); //prevent the form from submitting //other code here console.log("Add button clicked"); }); }; </script>

回答 0 投票 0

标识符“GdkEventKey”未定义 C/C++(20)

这是我的 C++ 和 GTK-4 代码。我正在尝试制作一个简单的计时器应用程序,当我们锁定屏幕并基于此停止计时器时,它可以监听全局和本地键盘快捷键,在 Linu 中工作...

回答 1 投票 0

页面如何检测到用户已离开以访问 SPA 中的另一个页面? (ReactJs,React Route Dom V6)

我正在做一个流媒体电影网站,所以我想保存用户的观看时长。我面临的问题是我不知道如何检测用户的更改页面以保存信息。 这里是...

回答 1 投票 0

ReactJS - 如何检测何时在文件输入上单击“取消”?

我想要一个事件或在用户单击文件输入对话框上的十字图标或取消按钮时收到通知,以便我可以基于此执行某些任务。 onChange事件只是触发...

回答 3 投票 0

JS 事件处理程序:异步函数

我正在使用 Cordova 构建一个应用程序。在一页上,有一个调用异步函数的事件监听器。 window.addEventListener("加载", loadEdit(), false); 该函数看起来像这个异步函数

回答 2 投票 0

DOM 元素更新非常慢

我正在编写这个初学者石头剪刀布游戏。添加了事件监听器。不知怎的,它的工作方式非常奇怪。 当我点击武器时,每次点击之间有大约 2 秒或更长时间的延迟 - 它起作用了......

回答 1 投票 0

如何以编程方式提交react-hook-form?

我正在尝试向我的react.js 项目添加一个react-hook-form。形式定义为: //一些输入元素 我正在尝试向我的react.js 项目添加一个react-hook-form。形式定义为: <form onSubmit={handleSubmit(onSubmit)} ref={submitRef}> //some input elements <div className='d-flex justify-content-center' > <button type="submit" className=" btn btn-warning" > submit </button> </div> </form> onSubmit方法定义为: const onSubmit = data => { console.log(data) }; 我正在尝试定义一个计时器(比如10分钟),并且我想在计时器到期后触发表单的onSubmit事件。为此,我使用了react-timer-hook,如下所示: const time = new Date(); time.setSeconds(time.getSeconds() + 2); let submitRef = useRef() const { seconds, minutes, hours, days, isRunning, start, pause, resume, restart, } = useTimer({ time, onExpire: () => want to trigger the form submit event }); 我应该如何定义 onExpire 属性? formRef.current.dispatchEvent(new Event('submit', { cancelable: true, bubbles: true })) 您可以手动调用 handleSubmit 来自文档 // It can be invoked remotely as well handleSubmit(onSubmit)(); // You can pass an async function for asynchronous validation. handleSubmit(async (data) => await fetchAPI(data)) 类似这样的东西(未经测试) import { useEffect } from 'react'; import { useForm } from "react-hook-form"; export default function App() { const { register, handleSubmit, watch, formState: { errors } } = useForm(); const onSubmit = data => console.log(data); useEffect(() => { handleSubmit(onSubmit)(); }, []) return ( /* "handleSubmit" will validate your inputs before invoking "onSubmit" */ <form onSubmit={handleSubmit(onSubmit)}> {/* register your input into the hook by invoking the "register" function */} <input defaultValue="test" {...register("example")} /> {/* include validation with required or other standard HTML validation rules */} <input {...register("exampleRequired", { required: true })} /> {/* errors will return when field validation fails */} {errors.exampleRequired && <span>This field is required</span>} <input type="submit" /> </form> ); } 您必须在提交之前先触发验证。使用从 useForm 挂钩返回的 trigger 函数。然后调用 handleSubmit 函数。 const submitForm = async () => { // Trigger validations before submitting const isValid = await trigger(); if (isValid) { handleSubmit(onSubmit)(); } };

回答 3 投票 0

无法将值连接到字符串

我正在编写简单的石头剪刀布游戏。在这段代码中,我尝试使用 .forEach 方法将单击的 img 的 id 值分配给变量。它就是行不通。如果陈述确实有效...

回答 1 投票 0

无法将值连接到字符串

我正在编写简单的石头剪刀布游戏。在这段代码中,我尝试使用 .forEach 方法将单击的 img 的 id 值分配给变量。它就是行不通。如果陈述确实有效...

回答 1 投票 0

Discord.js 机器人错误:在频道中宣布角色分配时出现“UnhandledPromiseRejectionWarning”

我正在使用discord.js 开发Discord 机器人。该机器人的目的是每当成员被分配特定角色之一(“alpha”、“bravo...

回答 1 投票 0

如何在测试用例中等待所有 Disruptor 消息被消耗

我正在尝试对消耗来自 Disruptor 环形缓冲区的消息的应用程序进行单元测试。在测试中我想 配置扰乱器及其事件处理程序 将消息发布到环上

回答 1 投票 0

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