event-handling 相关问题

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

当您导航到另一个屏幕时,React-Native 事件监听器不会被取消注册

我是一名 React 开发人员,这是我第一次处理 React-Native,我遇到了这个烦人的问题,我已经被困了 2 天了。 我有这个组件: 进口 const OrderDetails = ({route}) =...

回答 1 投票 0

订阅静态方法内的事件

我正在寻求一些关于以下订阅事件的方式是否会导致内存泄漏的建议: // 可能在 UI 类中... 无效主() { var myObject = Helpers.GetMyObject(); 我的...

回答 1 投票 0

Angular-17 事件监听器不工作 - 没有错误代码?

在我的主页上,我有一个链接路由到带有登录按钮的登录页面,但单击它后,没有运行任何功能,也没有显示错误代码。我确保该功能具有相同的名称并且...

回答 1 投票 0

Vuetify textarea - 事件传播实际上是如何工作的?

我遇到了一个奇怪的情况,组件的使用如下: 我遇到了一个奇怪的情况,使用以下组件: <template> <v-app> <v-container> <v-menu v-model="menu" :close-on-content-click="false"> <template #activator="{ props }"> <v-btn v-bind="props"> Open </v-btn> </template> <v-card> <v-card-text> <v-form> <v-textarea label="sample text"></v-textarea> </v-form> </v-card-text> <v-card-actions> <v-btn @click="menu = false"> Close</v-btn> </v-card-actions> </v-card> </v-menu> </v-container> </v-app> </template> <script setup> import { ref } from 'vue' const menu = ref(false) </script> Vue Playground 链接 通常,当在 v-textarea 内按 Enter 时,结果将是添加换行符。 然而,在这种情况下,打开菜单写一些东西并按 Enter 键不会执行任何操作。 如果我删除 v-card-actions 组件,按 Enter 键将添加换行符,但也会关闭菜单。这不是所需的行为(这是一个减少示例。)。 如果我随后将 @keydown.enter.stop="" 事件处理程序添加到 v-textarea,一切都会按我的意愿进行。 由于最后一步使其工作,我怀疑事件传播中发生了一些奇怪/有缺陷的事情,或者我没有正确理解。 这是怎么回事? 它看起来是由 v 菜单上的 function 引起的,该函数在收到 Enter keydown 事件时运行。该函数调用 e.preventDefault(),因此可以防止出现新行。 只要 keydown 事件在 v 菜单之前停止传播,这种情况就不会发生。您可以将 @keydown.enter.stop 移动到 v-textarea 和 v-card(包括)之间的任何元素上,然后将创建新行。

回答 1 投票 0

onkeydown 事件在画布上不起作用?

我有一个画布和一个分配给它的 onkeydown 事件。当按下任意键时,控制台应该记录该键的 keyCode。但它没有输出任何内容,甚至没有输出未定义的内容。其他

回答 1 投票 0

Javascript 问题:无法在 html 页面正文上为事件 loadstart 添加事件侦听器

我正在尝试在 html 页面主体上添加用于事件 loadstart 的事件侦听器,但它不起作用。 网页代码: 我正在尝试在 html 页面主体上添加用于事件 loadstart 的事件侦听器,但它不起作用。 HTML代码: <!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rotate Text</title> <script src="rotate_text.js"></script> </head> <body style="background-color:powderblue;"> </body> </html> Javascript代码(rotate_text.js): var body = document.getElementsByTagName("body")[0]; function populate_body() { alert("Called"); } // end of populate_body // body.onloadstart = populate_body(); // ====> THIS WORKS body.addEventListener("loadstart", populate_body); // ====> THIS DOESN'T WORK 为什么 body 上的事件 loadstart 的 addEventListener 不起作用?我是不是做错了什么? loadStart事件在浏览器开始寻找指定媒体时发生,但不能应用于body元素。 // body.onloadstart = populate_body(); // ====> THIS WORKS 这行代码没有添加事件监听器,它显示警报是因为您调用了 populate_body() 函数。 我不确定,但也许 onload 事件就是您正在寻找的。 function myFunction() { alert('body element loaded') } document.body.onload = myFunction; 问题是你在分配它时立即调用populate_body(),这就是它起作用的原因 body.onloadstart = populate_body();

回答 2 投票 0

在 Android 上监听音量变化事件

有没有办法在Android上监听音量变化的事件,而不只是接管音量按钮? 我发现唯一有效的是here,但它仅在卷c之后才有效...

回答 6 投票 0

VueJS 3 : 通过js代码添加事件监听器

Vue3中有没有通过js代码添加监听的选项? 在孩子体内,我发出这样的事件: this.$emit('someEvent', msg); 在家长中我是这样听的: Vue3中有没有通过js代码添加监听的选项? 在孩子体内,我发出这样的事件: this.$emit('someEvent', msg); 在家长中我是这样听的: <some-child v-on:someEvent="handleSomeEvent" /> 但是我正在寻找一种方法来开始监听这样的事件: this.$refs.someChild.$on('someEvent', (evt) => {}); // or this.$refs.someChild.addEventlistener('someEvent', (evt) => {}); 我假设您想动态监听不同的事件?那样的话 在家长中 <some-child v-on="myEvents" /> data(){ return{ myEvents:{ someEvent:(evt)=>{console.log(evt)}, someOtherEvent:(evt)=>{console.log(evt)}, } } } 相当于 <some-child @someEvent="..." @someOtherEvent="..." /> 现在您可以向 myEvents 添加新侦听器或通过设置 this.myEvents.someEvent = myNewCallback 更改现有侦听器 动态更改点击功能 这可能不是最有弹性的方法,但它应该有效。 模板 点击事件总是指向同一个地方: <MyItem @click="MyClickEvent" /> 脚本 声明函数;默认状态什么都不能,或者各种各样的东西,也许是另一个功能: const MyClickEvent = ref() 在其他地方,动态声明新的函数逻辑: // ... const processClick = () => { console.log("Click happened") // Clear the click logic, if you want MyClickEvent.value = undefined } // Apply new logic to the click handler: MyClickEvent.value = () => { processClick() } // ...

回答 2 投票 0

将“错误”事件转换为本地异常

我正在使用 Node.JS 和一个提供错误事件的基于事件的 API(串行端口),我想通过当场抛出异常来处理错误。我明白这意味着我需要做一些事情...

回答 1 投票 0

为什么我收到“Uncaught TypeError: event.composedPath is not a function”

下面是一些非常基本的 JQuery 代码,我收到一个无法解释的错误。 event.currentTarget 按预期记录,就像 event.target 一样。 但composedPath()方法调用失败。与

回答 1 投票 0

有没有办法确定导致输入失去焦点的元素,从而触发更改事件?

我基本上想知道用户是否单击了按钮,这就是导致输入失去焦点的原因,从而触发了更改事件,或者是否由于单击而触发了...

回答 1 投票 0

嵌套div元素onclick调用所有div的click事件

我的html代码如下; &... 我的html代码如下; <div onclick=alert("First div")> <div onclick=alert("Second div")> <div onclick=alert("Third div")> </div> </div> </div> 问题是当单击最里面的 div 时,所有三个警报消息都会显示。 如何修改代码,以便只显示与 div 标签对应的 1 条警报消息。 您可以通过单击最里面的 div 时停止事件传播来实现此目的。这样,点击事件就不会冒泡到父级div。 <div onclick="alert('First div')"> <div onclick="event.stopPropagation(); alert('Second div')"> <div onclick="event.stopPropagation(); alert('Third div')"> </div> </div> </div>

回答 1 投票 0

另一个类中的 WPF 事件处理程序

我为一些自定义 WPF 控件构建了一系列事件处理程序。该事件处理用户根据包含的数据类型输入或离开文本框时显示的文本格式(电话

回答 3 投票 0

带有(单击)事件侦听器的 HTML 复选框输入会在单击时停止显示复选框勾选

我最近接手了一个 Angular17 项目,并一直在检查以前的开发人员留给我的代码。出现的一个问题与表中的复选框输入有关。 每当有任何

回答 1 投票 0

WinForms,无法从自定义类订阅事件

我有一个继承自DataGridViewColumnHeaderCell的自定义类CheckboxHeaderCell,可以将复选框添加到任何datagridview中。复选框添加成功,但在复选框选中事件上仅自定义...

回答 1 投票 0

动态更改 classList 时未应用样式

好吧,我使用 React 构建一个 Web 应用程序,我有一个名为 slice 的组件,其中包含两个项目组件,我想根据悬停事件更改它们的宽度。我知道

回答 1 投票 0

C#:字符串作为事件参数?

我有一个用于我的表单的 GUI 线程和另一个计算事物的线程。 该表单有一个 richtTextBox。我希望工作线程将字符串传递到表单,以便每个字符串都显示在

回答 5 投票 0

事件委托:在哪里放置“if”语句

这里是Javascript新手。 在事件委托中放置“if”语句是否有“最佳实践”? 语境 我正在使用普通 Javascript 设置事件侦听器(我知道......

回答 1 投票 0

按钮禁用,除非两个输入字段都有值

我的页面上有一个带有两个输入字段和一个提交按钮的表单,我希望具有禁用“提交”按钮的功能,直到两个输入字段上都有值。这就是

回答 4 投票 0

如何防止“tel:”链接触发“beforeunload”事件?

在用户刷新页面之前,我会出现一个弹出窗口: window.addEventListener('卸载前', function (e) { e.preventDefault(); e.returnValue = ''; }); 这是作为前...

回答 2 投票 0

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