程序设计 events

3

为什么复选框事件处理程序中的`MouseEvent`不是通用的？

我有一个复选框TSX（JSX）元素： <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> 借助VS代码，我知道的输入参数类型this.handleCheckboxClick为MouseEvent<HTMLInputElement>。所以我实现了： private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } 然后我收到一条错误消息[ts] Type 'MouseEvent' is not generic.，如下图所示：我的软件包的版本： "@types/react": "^15.0.29", "@types/react-dom": "^15.5.0", "react": "^15.6.1", "react-dom": "^15.6.1", "typescript": "^2.3.4", 这是为什么？

92 reactjs typescript events types jsx

4

检测何时加载iframe内容（跨浏览器）

我正在尝试检测何时已加载iframe及其内容，但运气不佳。我的应用程序在父窗口的文本字段中进行了一些输入，并更新了iframe以提供“实时预览” 我从以下代码（YUI）开始，以检测何时发生iframe加载事件。 $E.on('preview-pane', 'load', function(){ previewBody = $('preview-pane').contentWindow.document.getElementsByTagName('body')[0]; } “预览窗格”是我的iframe的ID，我正在使用YUI附加事件处理程序。但是，我认为尝试通过回调（在iframe加载时）访问主体失败，我认为是因为iframe在事件处理程序准备好之前就已加载。如果我通过使生成iframe的php脚本进入睡眠状态来延迟iframe的加载，则此代码有效。基本上，我想问的是跨浏览器检测iframe何时加载及其文档准备就绪的正确方法是什么？

90 javascript events cross-browser

5

v模型更改时如何触发事件？

我正在尝试使用触发该foo()功能，@click但是如您所见，需要按两次单选按钮才能正确触发该事件。仅在第二次按下时捕获该值。我想触发事件而不@click只是在v-model（srStatus）更改时触发事件。这是我的小提琴： http://fiddle.jshell.net/wanxe/vsa46bw8/

90 javascript events vue.js

8

剪贴板事件C＃

是否可以通过C＃访问剪贴板更改或更新的事件？

90 c# events clipboard

8

jQuery：获取从<input type =“ file” />中选择的文件名

此代码应在IE中运行（甚至不要在Firefox中对其进行测试），但事实并非如此。我要显示的是附件的名称。有什么帮助吗？ <html> <head> <title>example</title> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> $(document).ready( function(){ $("#attach").after("<input id='fakeAttach' type='button' value='attach a file' />"); $("#fakeAttach").click(function() { $("#attach").click(); $("#maxSize").after("<div id='temporary'><span id='attachedFile'></span><input id='remove' type='button' value='remove' /></div>"); $('#attach').change(function(){ $("#fakeAttach").attr("disabled","disabled"); $("#attachedFile").html($(this).val()); }); $("#remove").click(function(e){ e.preventDefault(); $("#attach").replaceWith($("#attach").clone()); $("#fakeAttach").attr("disabled",""); $("#temporary").remove(); }); }) }); </script> </head> <body> <input id="attach" type="file" /><span id="maxSize">(less than 1MB)</span> …

90 jquery events copy file-io

7

我可以将哪些属性与event.target一起使用？

我需要确定触发事件的元素。使用event.target获取相应的元素。我可以从那里使用哪些属性？ href ID nodeName 即使在jQuery页面上，我也找不到很多信息，因此希望有人可以完成上面的列表。编辑：这些可能会有所帮助：selfHTML节点属性和selfHTML HTML属性

90 events properties jquery

7

带参数的Javascript事件处理程序

我想制作一个通过事件和一些参数的eventHandler。问题在于该函数没有获取元素。这是一个例子： doClick = function(func){ var elem = .. // the element where it is all about elem.onclick = function(e){ func(e, elem); } } doClick(function(e, element){ // do stuff with element and the event }); “ elem”必须在匿名函数之外定义。我如何才能在匿名函数中使用传递的元素？有没有办法做到这一点？那么addEventListener呢？我似乎根本无法通过addEventListener传递事件吗？更新资料我似乎用'this'解决了问题 doClick = function(func){ var that = this; this.element.onclick = function(e){ func(e, …

89 javascript events event-handling handler

11

简单理解“异步事件”的定义吗？[关闭]

已关闭。这个问题是基于观点的。它当前不接受答案。 2年前关闭。已锁定。该问题及其答案被锁定，因为该问题是题外话，但具有历史意义。它目前不接受新的答案或互动。我经常遇到这个词，即使在使用Google搜索之后，仍然无法理解它的确切含义。对于某人可以提供的异步事件，是否存在一些易于理解（理想情况下为示例）的定义？谢谢！

88 javascript events asynchronous terminology definition

5

如何使用jQuery停止默认链接点击行为

我在网页上有一个链接。当用户单击它时，页面上的小部件应该更新。但是，我正在做一些事情，因为默认功能（导航到其他页面）在事件触发之前发生。链接如下所示： <a href="store/cart/" class="update-cart">Update Cart</a> jQuery如下所示： $('.update-cart').click(function(e) { e.stopPropagation(); updateCartWidget(); }); 问题是什么？

88 javascript jquery events click jquery-events

16

使用jQuery拖放防止点击事件

我在页面上有可以用jQuery拖动的元素。这些元素是否具有单击事件，该事件会导航到另一个页面（例如普通链接）。什么是防止单击引发未拖放状态同时允许其不处于拖放状态的最佳方法？我对可排序元素有此问题，但认为最好有一种常规拖放的解决方案。我已经为自己解决了这个问题。之后，我发现Scriptaculous存在相同的解决方案，但也许有人有更好的方法来实现这一目标。

85 javascript jquery events drag-and-drop jquery-ui-sortable

4

event.preventDefault（）与返回false（无jQuery）

我想知道是否event.preventDefault()和return false相同。我做了一些测试，看来例如，如果事件处理程序是使用旧模型添加的 elem.onclick = function(){ return false; }; 然后，return false阻止默认操作，例如event.preventDefault()。如果事件处理程序使用添加addEventListener，例如 elem.addEventListener( 'click', function(e){ return false; }, false ); 然后，return false不要阻止默认操作。所有浏览器的行为都一样吗？ event.preventDefault()和之间还有更多区别return false吗？在哪里可以找到一些有关return false行为的文档（我在MDN中找不到）event.preventDefault()？我的问题只是关于普通的javascript，而不是jQuery，因此请不要将其标记为event.preventDefault（）与return false的重复，即使两个问题的标题几乎相同。

84 javascript events event-handling dom-events preventdefault

2

如何为DIV赋予键盘焦点并为其附加键盘事件处理程序？

我正在构建一个应用程序，我希望该应用程序能够单击由DIV表示的矩形，然后使用键盘通过列出键盘事件来移动该DIV。我可以在DIV级别上监听键盘事件，而不是在文档级别上使用事件监听器监听这些键盘事件，也许可以通过将焦点放在键盘上来进行监听？这是一个简化的示例来说明问题： <html> <head> </head> <body> <div id="outer" style="background-color:#eeeeee;padding:10px"> outer <div id="inner" style="background-color:#bbbbbb;width:50%;margin:10px;padding:10px;"> want to be able to focus this element and pick up keypresses </div> </div> <script language="Javascript"> function onClick() { document.getElementById('inner').innerHTML="clicked"; document.getElementById('inner').focus(); } //this handler is never called function onKeypressDiv() { document.getElementById('inner').innerHTML="keypress on div"; } function onKeypressDoc() …

83 javascript events keyboard

8

如何在JavaScript中实现锁定

如何lock在JavaScript中实现与C＃等效的功能？因此，解释一下我在想一个简单的用例是：用户单击按钮B。 B引发一个onclick事件。如果B是在event-state事件等待B是在ready-state传播之前。如果Binready-state中的B被锁定并设置为event-state，则事件传播。事件的传播完成后，B设置为ready-state。我可以看到仅通过ready-state在按钮中添加和删除类，就能完成与此类似的事情。但是，问题在于用户连续单击按钮的时间比设置变量的速度快两次，因此在某些情况下，这种锁定尝试将失败。有谁知道如何实现在JavaScript中不会失败的锁？

83 javascript events locking dom-events deadlock

9

清除带有清除图标的IE10上的文本输入时触发事件

在chrome上，当用户单击清除按钮时，将在搜索输入上触发“搜索”事件。有没有办法在Internet Explorer 10上的javascript中捕获同一事件？

82 javascript events internet-explorer-10 html-input

9

在事件声明中添加匿名空委托是否有不利之处？

我已经看到了一些关于这个成语的提法（包括SO）： // Deliberately empty subscriber public event EventHandler AskQuestion = delegate {}; 好处很明显-避免了在引发事件之前检查null的需要。但是，我很想了解是否有任何弊端。例如，它是否已经被广泛使用并且足够透明以至于不会引起维护麻烦？空事件订阅者调用是否有明显的性能下降？

82 c# coding-style delegates events idioms

Questions tagged «events»