event-handling 相关问题

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

通过拖放在 DataGrid 之间交换项目

我已经搜索了很长一段时间,但我无法找到我的具体问题的答案。我有一个带有多个 DataGrid 的 WPF 应用程序,每个 DataGrid 包含 7 个自定义类型的对象,其中...

回答 1 投票 0

防止 Bootstrap 模式中的多个事件处理

我有一个用于多个操作的引导模式,例如“添加用户”或“编辑用户”。每次我单击按钮时,它都会为我打开模式,我可以填写字段并提交。 但是...

回答 1 投票 0

Vue.js模板监听消息

我有这个模板“template-main”: ... ... ... ... 比我有一个使用这个的简单页面

回答 1 投票 0

在 iFrame 中隐藏打印时未检测到打印后

我花了近 2 天的时间在谷歌上搜索并尝试了很多示例(甚至在 StackOverflow 中),但我没有找到任何方法来触发事件“afterprint”。看来死了。我找到了一些小提琴,...

回答 2 投票 0

为图书查找器程序添加 JS 按钮单击处理程序函数,并在其中链接 javascript 函数

我基本上有一个帮助函数文件(helper.js),用于测试在 script.js 中实现的函数。项目呈现后,用户应该能够搜索...

回答 1 投票 0

Shiny R 在选择和计算时出现问题

我正在构建的模块化闪亮应用程序遇到了一些麻烦。在相关模块中,我试图让用户能够计算两个日期之间的变化并将它们显示在

回答 1 投票 0

获取 matplotlib 图中显示的线条限制?

假设我有这个简单的 matplotlib 图: 将 matplotlib.pyplot 导入为 plt 将 numpy 导入为 np Fig, ax = plt.subplots() x_数据 = [0, 1.0] y_数据 = [0, 1.0] myline = ax.plot(x_data, y_data) def on_key...

回答 1 投票 0

如何将变量移出服务工作者的本地范围

我正在使用 Broadcast Channel API 将数据从源代码发送到 service-worker:firebase-messaging-sw.js。 然后我使用以下函数在 service-worker 中检索它: const mainChannel = 新

回答 1 投票 0

检测由 Tab 键启动的焦点?

我想检测元素的焦点事件,但前提是该事件是由用户按 Tab 键启动的。例如: 我想检测元素的焦点事件,但前提是该事件是由用户按 Tab 键启动的。例如: <input type="text" id="foo" /> <input type="text" id="detect" /> 如果用户专注于 #foo 并按 Tab,我希望一旦 #detect 获得焦点(或者焦点事件内的条件为真),事件就会触发。相反,如果用户只是单击 #detect 字段来将其聚焦,我不希望触发该事件(或者我希望焦点事件调用内的条件为 false)。 我不想使用 #foo 的 keydown 事件并检查是否按下了 Tab 键,因为我希望该方法独立于任何其他元素。 我查看了以下代码的控制台输出,但没有注意到两种聚焦方法之间有任何真正的区别: $('#detect').on('focus', function(e){ console.log(e); }); (小提琴) 这可以通过相对简单的方式完成吗? 您可以使用以下方法测试按下的按钮: 编辑:在@DavidHedlund的评论后更新了监听器,每次仅触发一次警报。 $(window).keyup(function (e) { var code = (e.keyCode ? e.keyCode : e.which); if (code == 9 && $('#detect:focus').length) { alert('I was tabbed!'); } }); http://jsfiddle.net/LPGLm/7/ 响应更快的解决方案是使用两个侦听器: var mousedown = false; $('#detect').on('mousedown', function () { mousedown = true; }); $('#detect').on('focusin', function () { if(!mousedown) { // logic } mousedown = false; }); 小提琴显示速度差异: http://jsfiddle.net/u2y45/1/ 正如您所注意到的,事件对象本身并不区分访问方式。您可以做的是绑定一个mousedown监听器,它将在focus之前触发,并设置一些时间戳标志,您可以将其与focus处理程序中的某个阈值进行比较。 我使用以下内容: (function() { const tabHistory = []; window.addEventListener('keyup', function (e) { const code = e.keyCode || e.which; const index = tabHistory.length === 0 ? 1 : tabHistory.length + 1; if (code == 9) { tabHistory.push({ element: e.target, index }); console.log(index, e.target, tabHistory); } }); })(); 我建议跟踪重点元素,这样可以确保用户能够按照您的预期进行选项卡。 希望有帮助! 您可以通过此代码检查特定输入的焦点事件 $(window).on('keyup', function(event){ if(event.keyCode == '9'){ getFocused(event); } }) var focused = 0; function getFocused(e){ var ida = $(':focus').eq(0).prop('id'); if(ida=='detect' && focused==0){ focused = 1; console.log(e); } } (小提琴)

回答 5 投票 0

在 Fullcalendar 中自定义事件

目前,事件组件看起来是这样的: 我想自定义它,最终的结果应该是这样的:

回答 1 投票 0

将事件从客户端组件传递到服务器组件来处理它

我目前正在努力理解通过 props 将函数传递给客户端组件然后处理响应的原理。 我使用的是 Next.js 13.5.2 我的服务器组件: ... 导入

回答 1 投票 0

Next.js:将事件从客户端组件传递到服务器组件来处理它

我目前正在努力理解通过 props 将函数传递给客户端组件然后处理响应的原理。 我使用的是 Next.js 13.5.2 我的服务器组件: ... 导入

回答 1 投票 0

naturalWidth 和naturalHeight 返回 0

我有一个检查图像比例的代码。它工作十分之九甚至更多,但偶尔它不起作用,因为 img.naturalWidth 和 img.naturalHeight 返回 0。我可以理解......

回答 1 投票 0

С#。错误“具有不同签名的预期方法”。但显示相同的签名

我在 Program.cs 中有事件处理程序方法 c_CriticalSituationHappened void c_CriticalSituationHappened(对象发送者,CriticalSituationGacEventArgs e) { if (e.TypeDisrepair != TypeDisrepairGac....

回答 1 投票 0

当 Bool 变量变为 True 时更改标签

我不太确定如何解释这一点......我将把代码放在伪代码中以便于阅读。 我几乎想要一个标签在类的 bool 变量更改时更改其文本...我不...

回答 3 投票 0

在 JavaScript 中的同一范围内使用“event”关键字两次?

我有一个通过单击事件侦听器调用的函数。它接受一个事件参数: 函数 editExistingEmp(事件) 该函数在调用时将循环遍历所有 DOM 内容...

回答 1 投票 0

防止链接在 React 中单击卡片图标时激活

我有一张卡片,包裹在来自react-router-dom@v5的链接中。 Link 内部是卡片的 div,并且 div 是相对定位的。卡片 div 内有一个图标,绝对位于...

回答 1 投票 0

嵌套事件处理程序时避免不必要的多个相同调用

我有一个使用嵌套 jQuery .on() 事件处理程序的设置,这会导致不必要的重复函数调用。 我想做以下事情: 获取用户输入,这将是 p...

回答 1 投票 0

事件处理程序未针对视频标签触发

我有一个 NextJS 应用程序,我可以在其中使用 video 元素显示视频文件。我正在尝试在其上添加一堆事件处理程序:

回答 0 投票 0

事件源中“当前状态”存储在哪里?

我了解 cqrs,但我在事件溯源的一部分方面遇到问题。每个人都说“你不存储聚合的当前状态,你存储应用于该状态的事件序列

回答 2 投票 0

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