Tag: 事件处理

有没有办法用Javascript查找元素的事件处理程序？: 说你有这个div： bar 你这样做： $(“#foo”).click(someFunction); 你的javascript代码里面的某个地方。一旦加载了页面，有没有办法通过firebug或者检查chrome中的元素或其他任何东西，找出#foo的click事件绑定到someFunction ？即，找到这个而不必查看所有代码？

捕获iframe jQuery中的所有事件并进行复制: 这是个问题：我有一个显示任何网页的iframe（不一定由我开发）。在这个页面上可能是附加事件（大概我不知道）。如何动态拦截这些事件并存储它们以供以后复制？例如：假设当鼠标移过某个div时它会改变颜色。我想确保当你触发将颜色改变为div的事件时，它会“注册”所有A系列信息，这些信息将允许我（无需用户交互）在以后复制它。想法？用于记录和后续复制

用于响应平移/缩放的范围更新的Flot事件: 对于Flot，是否有一个事件在用户使用鼠标滚轮完成平移或缩放后触发（在range.xaxis.to / from和range.yaxis.to / from已经解决之后）？在用户平移或放大主图后，我尝试使用下面的行更新概览图上的选择，但我发现在平移或缩放（而不是两者）之后更新到概览图。 $(“#plot”).bind(“mouseup scroll”,updateOverviewSelection); 提前致谢。编辑： http ： //jsfiddle.net/apandit/nu2rr58h/9/ 在jsfiddle，我无法在主图中平移，光标似乎没有恢复正常。用户可以在概览图中单击并拖动以进行选择，从而可以放大主图。我还希望能够允许用户平移和放大主图，并更新概览图中的选择框; 我试图通过将updateOverviewSelection方法绑定到scroll和mouseup事件的plot div来做到这一点。 Flot中是否有事件在每次更新x轴和y轴限制时触发？

JQuery事件是否可以与Dom addEventListener一起使用？: 我在我的项目中使用Bootstrap4 alpha，出于某些调查目的，我正在尝试使用DOM addEventListener()捕获JQuery事件。该事件是使用JQuery $(“#mypanel”).trigger(“shown.bs.collapse”)函数通过bootstrap在其崩溃组件中$(“#mypanel”).trigger(“shown.bs.collapse”)的。如果我尝试使用JQuery $(“#mypanel”).on(“shown.bs.collapse”, … )函数捕获它，一切正常。但是如果我在相应的DOM元素上使用$(“#mypanel”).get(0).addEventListener(“shown.bs.collapse”, … ) ，则事件不会被“捕获” JQuery事件系统和标准DOM事件系统是不是兼容吗？让我觉得它们实际上是不兼容的一件事是，如果我使用chrome monitorEvents()函数来跟踪“shown.bs.collapse”事件，它就不会出现。欢迎提出任何反馈！非常感谢！克莱门特

获得正确目标的Backbone View事件: 给出以下简单的html： Some other information 以下Backbone视图： var view = Backbone.View.extend({ events: { ‘click .someContainer’: performAction }, performAction: function (evt) { // Do things here } }); 我发现自己做了以下一些代码，这对我来说似乎是一种代码味道。有什么我做错了或有更好的方法来做到这一点？ …performAction: function (evt) { // Check to see if the evt.target that was clicked is the container and not the h5 (child) if ($(evt.target).hasClass(‘someContainer’)) { // Everything is […]

jQuery使用事件处理程序删除元素: 我有一个产品列表，我需要动态更新#container的innerHTML。我的问题是，如果我在这个答案中做了类似的事情： Jquery删除元素内的所有事件处理程序 $(“#container”).find(“*”).off(); 所以，我删除了所有孩子的所有事件处理程序，然后我更新了html： $(“#container”).html(responseFromAJAX); 这将如何影响性能？我的意思是，这是一个好方法，删除所有旧元素和处理程序，清理内存，或者我需要做更多？我的应用程序是一个网上商店，所以我的用户将环顾四周，并更新#container可能30-50次/访问。

如何获得对extJS生成的元素的JQuery / Javascript访问？: 我正在使用extJS构建一个简单的站点。我可以成功地从JQuery和extJS中附加点击事件，但仅限于我在body标签本身的HTML中创建的元素。但是，我附加到extJS生成的元素的事件要么没有效果，要么导致不生成extJS站点。例如，本教程中的所有示例都不起作用（并且它们准确地显示了我想要做的事情：从extJS内部操作DOM），但是如果我尝试从extJS内部访问DOM元素，那么我只需获取该元素“为空”的错误，如下面的错误屏幕截图所示。我不了解extJS，为什么我尝试使用get（）null来访问所有元素？如何更改以下代码，以便我可以将事件附加到extJS生成的元素，例如“myPanel”div？以下是我在Firebug中遇到的错误：虽然myPanel div确实存在： @Mchl，getCmp似乎不起作用： New Backend Layout html, body { font: normal 12px verdana; margin: 0; padding: 0; border: 0 none; overflow: hidden; height: 100%; } .empty .x-panel-header { background-color: #FFFF99; } .empty .x-panel-body { text-align:left; color: #333; background-color: #FFFFCC; padding: 10px; font-size:11px; } .withtabs .x-panel-header { background-color: […]

如何为可resize的jQuery UI元素启动resizefunction（触发句柄拖动）: 当我单击屏幕时，当前在mousedown上动态创建可resize的元素。 jQuery UI自动添加句柄以允许用户单击并拖动以随后调整元素的大小。我想触发句柄，只要用户没有触发mouseup他们就已经在调整新创建的元素的大小。我在文档中找不到任何显示在单击这些句柄时触发哪些事件的内容。我已经尝试执行mousedown并在元素创建后click句柄，放在屏幕上，并设置为resizable 。这些都没有奏效。有谁知道如何触发resize动作的开始？或者，如果有人知道如何记录jQuery UI事件，我可以使用它来查看单击句柄时发生的操作，遵循相同的路径，并在此处发布我的结果。

“on”preventDefault: 我在这里想念的是什么？请注意：使用jQuery MOBILE DEMO使用preventDefault DEMO使用return false 如果我使用preventDefault页面加载就好像我只有链接而没有脚本，当我改为返回false（我总是习惯在普通的JS onclick事件处理程序上使用）时，它按预期工作。我已经查看了其他post，并且都使用了.click，并建议使用preventDefault。 $(document).ready(function() { $(“#leftdiv a”).on(“click”,function(e) { $(“#rightDiv”).load(this.href); return false; // I was sure preventDefault would work }); }); HTML Launch page 1 Launch page 2

jquery datepicker onselect事件处理程序多次: 我试图在jquery datePicker对象上处理相同的onSelect事件两次。根据我的理解，事件可以多次处理，但是当我尝试这个时，只有一个事件处理程序被触发。它似乎解雇了第二个处理程序，但不是第一个处理程序。如何在不覆盖第一个事件的情况下两次处理相同的onSelect事件？这是问题代码段。 $(document).ready(function(){ $(‘.test’).datepicker(); … $(‘.test’).datepicker(‘option’, ‘onSelect’, function(dateText, inst) { alert(‘one’); }); } … $(document).ready(function(){ $(‘.test’).datepicker(‘option’, ‘onSelect’, function(dateText, inst) { alert(‘two’); }); }