event-handling 相关问题

我遇到了一个奇怪的情况，组件的使用如下：我遇到了一个奇怪的情况，使用以下组件： <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（包括）之间的任何元素上，然后将创建新行。

vue.js event-handling vuetify.js

回答 1 投票 0

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

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

javascript canvas event-handling keycode onkeydown

回答 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();

javascript html event-handling

回答 2 投票 0

在 Android 上监听音量变化事件

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

android event-handling volume

回答 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() } // ...

javascript events event-handling vuejs3

回答 2 投票 0

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

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

javascript node.js exception error-handling event-handling

回答 1 投票 0

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

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

javascript jquery event-handling dom-events

回答 1 投票 0

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

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