个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我在使用纯 Javascript 和 jQuery(我正在使用两个不同的库)时遇到了这个问题。因此，对于文本输入字段，普通 Javascript 库依赖于使用 addEventListener 方法添加的更改事件绑定(bind)。另一个 jQuery Plugin(datetimepicker) 用于更改字段，并在更新值后触发 jQuery.change() 方法。
问题是，监听器不是由 jQuery 事件触发的。下面是一些简单的代码来说明这个问题。
<!DOCTYPE html>
<html>
<body>
<input id="abc">abc abc.</input>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
document.getElementById('abc').addEventListener("change", function(){
alert('change event triggered');
});
$('#abc').change();
</script>
</body>
</html>
鉴于像这样非常简单的html页面，事件监听器实际上不会被jQuery.change()方法触发，因此不会显示警告框。如果我手动更改输入字段，事件会正常运行。
跟进:如果使用jQuery来进行事件绑定(bind)和触发，就没有问题。问题是，我正在使用一个用普通 Javascript (JSONEditor[ https://github.com/jdorn/json-editor]) 编写的库，并且使用 Javascript API 添加了事件绑定(bind)，而我正在使用的其他库更改了一些输入字段并使用 jQuery 触发了事件, 并且事件未被捕获。
最佳答案
是的，jQuery.change()(和 jQuery.trigger())不会触发使用 addEventListener 添加的监听器。
目前这是 jQuery 的 WONTFIX(请参阅已关闭的问题 #2476、#3347)(source)
我的解决方法:
替换
$('#abc').change(); // or $('#abc').trigger('change');
用这个:
$('#abc')[0].dispatchEvent(new Event('change'));
首先，您从 jQuery 元素 (`$('#abc'][0] ( source )) 中提取 native DOM 元素，然后分派(dispatch)您的事件。这样分派(dispatch)的事件将由 native 和 jQuery 监听器处理. 参见 demo .
关于javascript - jQuery.change() 与 addEventListener 不兼容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27242998/
25
4
0
我有一个为 Firefox 3.6 编写的附加组件，现在我正在将其升级到 Firefox 4.0，同时尝试使其与 3.6 兼容。有没有人有尝试这样做的经验，或者关于如何在代码变得太意大利面条式的情况下
我已经安装了 Cassandra 2.0.1 并想在我的应用程序中使用 Astyanax Java API。我在维基上看到了 Cassandra 兼容性表，上面写着 Astyanax 使用 Netfl
是否可以使纯粹在 VBScript(无 COM 对象)中实现的自定义容器类与 For Each 语句一起使用？如果是这样，我必须公开哪些方法？ 最佳答案 简而言之，没有 为什么？创建一个可枚举的集合类
我这里的代码很少 int b=3; b=b >> 1; System.out.println(b); 它工作得很好，但是当我将变量 b 更改为 byte、short、float、double 时它包含
我们有一个 Java 客户端，它使用 corba 调用多个第三方系统。这些是实现同一组接口(interface)的不同系统。我们获得了使用这些接口(interface)的库(jar 文件)。例如，这些
我知道从技术上讲 HTML5 是一个“实时规范”，但我想知道它是否符合在类名中添加尾随空格的规定。我没有在规范中看到任何对这种情况的引用，但我的一个队友说它是无效的。也许我错过了什么？ 修剪这些空间会
我在 Linux x86-64 上用 C 语言编程。我正在使用一个库，它通过原始 clone 创建多个线程系统调用而不是使用 pthread_create .这些线程运行库内部的低级代码。 我想钩住这
我希望用汇编程序编写一个可启动程序，能够发送和接收网络数据包。我不想使用任何库，我想自己创建它(并在这样做的同时学习)。不幸的是，我无法找到有关最低级别的网卡通信(发送原始套接字)的任何信息。我相信有
是否有除 fixed scoping 之外没有任何更改的 CoffeeScript 分支，以便它在很大程度上与 CoffeeScript 兼容(如果代码没有外部变量赋值则完全兼容)？我会考虑使用可接受
这个问题已经有答案了: Why is BiConsumer allowed to be assigned with a function that only accepts a single para
我的 Java 应用程序需要一个高性能主内存数据库 1] 请建议数据库 -符合 JDBC -独立(即平面文件) -支持内存表 -高性能 -B-TREE索引 2] JAVA中是否有任何技术可以在程序运行
我通常会找到一些以char*作为参数的函数，但是我听说在C++中更推荐std::string。如何将std::string对象与以char* s为参数的函数一起使用？到目前为止，我已经知道了c_str
我正在移植我的一个旧 javascript 文件以与 requireJS 兼容。这是以前代码的样子。 // effect.js (function(exports){ // shorthand
在今天更新我的 SDK 之前，我有工作代码(为了将来引用，请查看问题询问日期)。 .getMap 曾经发出警告，表明它已被弃用，但现在它甚至不被识别为有效输入。我假设这是因为 API 24(Andro
根据 this reference sheet on hyperpolyglot.org , 下面的语法可以用来设置一个数组。 i=(1 2 3) 但是我在 dash 上遇到错误，它是 Ubuntu
我的 MacBook 上安装了 MYSQL 8.0.12(下载版本)。当我尝试转储 mysql40 的兼容版本时，收到错误 Invalid mode to --known: mysql40。我 100
您好，我正在更改我的版本控制系统，我调查了 perforce 是否与 bcm 补救措施兼容。有谁知道其他版本的控制系统也与 bcm 补救措施兼容？？ 最佳答案 BMC Remedy 会更接近 Clea
我需要在 python 中的图像上绘制一般坐标网格。我可以计算网格线的像素坐标，因此我只需要一个能够将它们绘制为图像顶部的虚线 的模块。图像以 numpy 数组的形式出现，因此我需要能够在这些格式和绘
库接受文件输入的“传统”方式是做这样的事情: def foo(file_obj): data = file_obj.read() # Do other things here 客户端代
代码 Untitled Document #topDropDownMenu { position: relative;
我是一名优秀的程序员,十分优秀！