Tag: javascript events

用于响应平移/缩放的范围更新的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 datatables使用实时函数多次调用事件处理程序

我正在使用jquery数据表来显示一些数据。 每行都有一个编辑按钮,我使用live()注册一个点击处理程序,以便它与分页一起使用。 我是按类进行的,因为我必须每行都这样做。 类似于: 具有实时点击事件function的数据表 这很好用。 但问题发生在用户再次进行搜索并且我执行ajax请求以获取一组新结果时。 我只是用一个新的替换dom中的现有表。 现在当我点击第1行时,它会弹出第1行的编辑对话框。我点击第2行,弹出第1行的编辑对话框。我再次点击第2行,这次会弹出第2行的编辑对话框。 然后我一次又一次点击第3行。 在显示第3行的对话框之前,它会弹出第2行的编辑对话框三次。 这种情况在不断增加。 我不明白我是否用jquery替换div中的整个dataTable为什么要注册多个事件? 如果它很重要,我在对话框初始化程序中将autoopen设置为false,并且我明确地打开并关闭它。 编辑(更多细节) : 我很难创建一个示例…但是更多细节…我发现由于我使用live()函数来跨分页注册调用,因此存在点击注册机制。 因此,当我用相同的结构替换表时,由于第一次调用live(),因此注册了click函数。 但是我默认再次调用live(),现在注册了两个click事件。 然后当我再次更换时,会注册三个事件点击。 我在检查点击事件是否已经注册后,通过使用jquery click()注册事件来尝试克服这个问题。 帮助处理多个事件部分,但不会跨数据表页面注册事件。

event.target.id VS event.currentTarget.id VS this.id

我有以下提供的示例代码: HTML: Click here JS: $(document).on(“click”,”.clickme”,function(event){ var eti = event.target.id; var eci = event.currentTarget.id; var ti = this.id; alert (“1: ” + eti + ” 2: ” + eci + ” 3: ” + ti); } 这三个事件,警告相同的值,我认为它也扮演相同的角色,但不在我在SO中找到的链接: jquery函数(事件)event.target.id在单击链接文本时为空 。 现在我的问题是: 1.)使用: event.target.id , event.currentTarget.id和this.id什么this.id ? 2.)我什么时候应该使用 event.target.id , event.currentTarget.id和this.id ? 3.)哪三个更好? 有人有想法和解释为什么?

如何使用jquery跟踪文本框中的更改

我想检查用户是否更改了文本框的值。 如果用户更改了值,那么我想在不同的文本框中显示更改的值。

如何替换浏览器短键默认值

根据一些问题,我发现如何防止我们的组合键。 但我想定义一个短键…… 一种方法是在jquery中使用bind()函数,问题是,键默认作业仍然有效。 ie: Ctrl+s = savepage 任何解决方案

如何计算textarea中的行数

我想创建一个动态文本区域,它应该随着内容的增加而增加。 我正在使用此代码: $(“#text_textarea”).keyup(function(e) { //splitting textarea value wrt ‘\n’ to count the number of lines if ($(this).val().lastIndexOf(‘\n’)!=-1) var x = $(this).val().split(‘\n’); $(this).attr( “rows” , x.length+1 ); }); 但是当用户继续写入而没有给出任何新行时,它会失败\n (按Enter键)。

blueimp jquery-file-upload不会在不成功的添加上抛出错误

在这个插件中,我们可以设置文件上传的各种条件/限制(例如acceptFileTypes,maxFileSize,maxNumberOfFiles等)。 无论何时添加文件,都会触发一个事件“ fileuploadadd ”,一旦成功添加文件,另一个事件将被触发“ fileuploadadded ”。 但是,当添加文件并且它失败了这些条件/限制之一(例如,用户尝试上载2GB文件,或文本文件而不是图像)时,无法以编程方式找出已发生这种情况。 当此条件失败时,不会触发任何事件。 我可以使用什么来检查用户选择的文件是否有错误,因此尚未添加到队列中。 我能想到的唯一方法就是触发“ 添加 ”事件并等待,看看它是否不会触发“ 添加 ”事件然后出现问题。 但是,我既不想长时间停止所有处理,也不想太快检查“ 添加 ”事件是否已经触发。 要么 任何人都可以指导如何从这个插件中抛出自定义事件(例如fileaddfailedevent )?

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”事件,它就不会出现。 欢迎提出任何反馈! 非常感谢 ! 克莱门特

在文档中添加新元素后,Jquery显示无法正常工作

我正在使用Ajax / Request将元素加载到div容器中。 默认情况下我隐藏了一个输入框。 如果用户单击该div上的编辑图标,我想显示输入框。 这是我的代码: HTML代码 JS代码 $(“.container”).click(function(){ console.log($(this).find(“.editemail”).show()); //Note it works fine If i didn’t load any new elements into the div. }); 控制台日志输出在将新元素加载到容器之前。 将元素加载到容器后的控制台日志输出。 尽管我也试图从这个元素中删除“style”属性并添加一个新的样式元素,但它仍然无效。

使用jquery将事件添加到事件堆栈的顶部

我正在使用jquery将模糊事件添加到文本框中。 我想在任何其他现有活动之前解雇我的活动。 这可能吗?