Tag: 事件处理

为什么和如何避免事件处理程序内存泄漏？: 我刚刚通过阅读StackOverflow的一些问题和答案，意识到在C＃中使用+=添加事件处理程序（或者我猜，其他.net语言）会导致常见的内存泄漏。过去我多次使用过这样的事件处理程序，从来没有意识到它们可能导致或已经导致了我的应用程序中的内存泄漏。这是如何工作的（意思是，为什么这会导致内存泄漏）？我该如何解决这个问题？正在使用-=相同的事件处理程序吗？有处理这种情况的常见devise模式或最佳实践吗？示例：我该如何处理具有多个不同线程的应用程序，使用许多不同的事件处理程序在UI上引发多个事件？有没有什么好的和简单的方法在已经build成的大型应用程序中有效地进行监控？

了解C＃中的事件和事件处理程序: 我理解事件的目的，特别是在创build用户界面的情况下。我认为这是创造一个事件的原型： public void EventName(object sender, EventArgs e); 事件处理程序做了什么，为什么需要它，我该如何创build一个？

检测浏览器自动填充: 你怎么知道浏览器是否有自动填充文本框？特别是用户名和密码框自动填充页面加载。我的第一个问题是什么时候发生在页面加载序列？在document.ready之前还是之后？其次，我怎样才能用逻辑来判断这是否发生？它不是我想阻止这种事情发生，只是勾起了事件。最好是这样的： if (autoFilled == true) { } else { } 如果可能的话，我很乐意看到一个jsfiddle显示你的答案。可能的重复浏览器密码自动填充的DOM事件？浏览器自动填充和Javascript触发的事件 – 这些问题都不能真正解释什么事件被触发，他们只是不断地重新检查文本框（不好performance！）。

如何添加一个简单的onClick事件处理程序到canvas元素？: 我是一位经验丰富的Java程序员，但是大约十年来我首次查看了一些JavaScript / HTML5的东西。我完全沉迷于最简单的事情。作为一个例子，我只是想画一些东西，并添加一个事件处理程序。我确信我在做一些愚蠢的事情，但我已经搜遍了，没有什么build议（例如，这个问题的答案：添加onclick属性inputJavaScript ）的作品。我正在使用Firefox 10.0.1。我的代码如下。你会看到几个注释行，每个行的结尾是什么（或什么不）发生的描述。这里有什么正确的语法？我要疯了！ <html> <body> <canvas id="myCanvas" width="300" height="150"/> <script language="JavaScript"> var elem = document.getElementById('myCanvas'); // elem.onClick = alert("hello world"); – displays alert without clicking // elem.onClick = alert('hello world'); – displays alert without clicking // elem.onClick = "alert('hello world!')"; – does nothing, even […]

e.target和e.currentTarget之间的区别: 我不明白它们之间的区别，它们看起来都是一样的，但是我想它们不是。任何时候使用一个或其他的例子将不胜感激。

为什么调用setState方法不会立即改变状态？: 好吧，我会尽力使这个快速，因为它应该是一个简单的修复… 我读过一堆类似的问题，答案似乎很明显。没有什么我永远不得不仰视！但是…我有一个错误，我无法理解如何解决或为什么发生。如下： class NightlifeTypes extends Component { constructor(props) { super(props); this.state = { barClubLounge: false, seeTheTown: true, eventsEntertainment: true, familyFriendlyOnly: false } this.handleOnChange = this.handleOnChange.bind(this); } handleOnChange = (event) => { if(event.target.className == "barClubLounge") { this.setState({barClubLounge: event.target.checked}); console.log(event.target.checked) console.log(this.state.barClubLounge) } } render() { return ( <input className="barClubLounge" type='checkbox' onChange={this.handleOnChange} checked={this.state.barClubLounge}/> ) } […]

如何使用Firebug（或类似工具）debuggingJavaScript / jQuery事件绑定: 我需要debugging一个使用jQuery的web应用程序来执行一些相当复杂和混乱的DOM操作。有一段时间，某些与特定因素有关的事件不会被解雇，而只是停止工作。如果我有能力编辑应用程序源代码，那么我将深入研究并添加一堆Firebug console.log()语句和注释/取消注释代码片段，以查明问题所在。但是让我们假设我不能编辑应用程序代码，并需要使用Firebug或类似工具完全在Firefox中工作。 Firebug非常擅长让我导航和操作DOM。到目前为止，我还没有弄清楚如何使用Firebug进行事件debugging。具体来说，我只想看在特定时间绑定到特定元素的事件处理程序列表（使用Firebug JavaScript断点来跟踪更改）。但是，无论是萤火虫没有能力看到绑定的事件，或者我太愚蠢，找不到。 🙂 任何build议或想法？理想情况下，我只想查看和编辑绑定到元素的事件，与我今天如何编辑DOM类似。

如何手动触发onchange事件？: 我正在通过日历小部件设置date时间文本框的值。显然，日历小部件就是这样的： document.getElementById('datetimetext').value = date_value; 我想要的是：在更改date时间文本框中的值我需要重置页面中的其他字段。我已经添加了一个onchange事件监听器的datetimetext字段是不会被触发，因为我猜onchange只有当元素获得焦点触发，其价值改变失去焦点。因此，我正在寻找一种方法来手动触发这个onchange事件（我想应该照顾检查文本字段中的值差异）。有任何想法吗？

onclick =“”与事件处理程序: 如果我想要一个函数被执行，我更喜欢做内联js： <p id="element" onclick="doSomething();">Click me</p> 因为它更容易debugging。但是，我听到有人说不要使用内联js，而是： document.getElementById('element').onclick = doSomething; 为什么推荐使用js事件监听器？