Tag: javascript events

销毁或删除Backbone.js中的视图: 我目前正在尝试实施视图的销毁/删除方法，但我不能得到一个通用的解决scheme，为我所有的意见工作。我希望有一个事件附加到控制器，以便当一个新的请求通过它破坏以前的意见，然后加载新的。有没有办法做到这一点，而不必build立每个视图的删除function？

在拖动子元素时触发父元素的“dragleave”: 概观我有以下HTML结构，并将dragenter和dragleave事件附加到<div id="dropzone">元素。 <div id="dropzone"> <div id="dropzone-content"> <div id="drag-n-drop"> <div class="text">this is some text</div> <div class="text">this is a container with text and images</div> </div> </div> </div> 问题当我通过<div id="dropzone">拖动一个文件时， dragenter事件按预期被触发。但是，当我将鼠标移动到像<div id="drag-n-drop">类的子元素上时，为<div id="drag-n-drop">元素触发dragenter事件，然后dragleave事件是为<div id="dropzone">元素触发的。如果我再次将鼠标hover在<div id="dropzone">元素上，则dragenter事件再次被触发，这很酷，但是随后为刚刚离开的子元素触发dragleave事件，所以执行removeClass指令，即不酷。这种行为有两个原因是有问题的：我只是将dragenter和dragleave到<div id="dropzone">所以我不明白为什么儿童元素也附加了这些事件。我仍在拖动<div id="dropzone">元素，同时将dragleavehover在它的子元素上，所以我不想让dragleave发射！的jsfiddle 这是一个jsFiddle修补： http : //jsfiddle.net/yYF3S/2/ 题所以…我怎么能这样做，当我拖动一个文件通过<div id="dropzone">元素，即使我拖动dragleave元素， dragleave不会触发…它应该只有在离开<div id="dropzone">元素时才会触发…在元素边界内的任何位置hover/拖动不应触发dragleave事件。我需要这是跨浏览器兼容的，至less在支持HTML5拖放的浏览器中，所以这个答案是不够的。 Google和Dropbox似乎已经知道了这一点，但是他们的源代码被缩小/复杂了，所以我没有能够从他们的实现中得出这个结论。

YouTubevideo播放结束后的事件: 点击图片后，我有简单的HTML代码播放YouTubevideo。 <body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <div id="ytapiplayer2" style="display:none;"> <object width="1280" height="745"> <param name="movie" value="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1"></param> <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"></embed> </object> </div> <img src="https://i.qmyimage.com/mgen/global/zGetImageNew.ms?args=%22shpimg4198.jpg%22,425,96,1" id="imageID" /> <script type="text/javascript"> $('#imageID').click(function() { $('#ytapiplayer2').show(); $('#imageID').hide(); }); </script> </body> video播放结束后，我需要隐藏video并显示图像。如何实现？

什么是不言而喻的Javascript在外行方面？: 什么是不言而喻的Javascript在外行方面？一个例子将是很好的，以帮助我的理解。

点击<a>链接时如何显示确认对话框？: 我想要这个链接有一个JavaScript对话框询问用户“ 你确定吗？是/否 “。 <a href="delete.php?id=22">Link</a> 如果用户点击“是”，链接应该加载，如果“否”，什么都不会发生。我知道如何在窗体中使用onclick运行返回true或false的函数。但是，我怎么做一个<a>链接？

如何使用JavaScript检测Twitter Bootstrap 3的响应断点？: 目前，Twitter Bootstrap 3具有以下响应断点：768px，992px和1200px，分别代表小型，中型和大型设备。如何使用JavaScript检测这些断点？我想用JavaScript来监听屏幕更改时触发的所有相关事件。并能够检测到屏幕是否适用于小型，中型或大型设备。有没有事情已经完成？你有什么build议？

如何停止在jQuery冒泡事件？: 如何在jQuery中停止自定义事件冒泡？例如，我有这样的代码： $('.myclass').bind('amodaldestroy', function(){ ….does something….. }) 我怎样才能让它在冒泡的第一个元素上触发一次呢？我可以添加返回false吗？ $('.myclass').bind('amodaldestroy', function(){ ….does something….. return false; })

什么是一个Node.js事件循环打勾？: 我已经进入了node.js体系结构的内部，而且我看到的一个术语是“tick”，就像在“event loop”的next tick或者nextTick（）函数中一样。我没有看到什么是“滴答”的确切定义。根据各种文章（比如这篇文章），我已经能够将一个概念拼凑在脑海中，但是我不确定它有多精确。我可以得到一个精确和详细的描述一个node.js事件循环打勾？

下载的文件保存到磁盘时的浏览器事件: 我有敏感的文件下载给用户，并允许每个用户只下载一个给定的文件一次。如果下载失败，我想允许重新下载，但不能以其他方式。在服务器上依靠日志logging/处理文件下载请求是不够的 – 我需要确定文件何时完成并在客户端就位，因为我的许多用户在频繁连接下降的环境中工作。如果浏览器暴露了“另存为…”对话框中的“文件保存”事件，该对话框可能会连接到下载页面上的JavaScript函数（可能会回传到服务器），那么最直接的方法就是使用这种方法。但是，直觉表明，如果浏览器暴露了这个function，那么可能存在安全漏洞，因为它在沙盒之外有些潜行。我不确定这是甚么可能的。我在这方面发现了其他几个问题，但没有具体说明这个问题。有任何想法吗？编辑：我不应该在原来的问题中使用“安全”一词，对不起，引发红鲱鱼。编辑2：我的“安全”措辞误导人们到异类的技术安全问题，但你们都证实了我的怀疑，“不，没有浏览器的支持。自从他的第一句话以来，我正在给第一位评论者提供答案。谢谢大家。

事件委托vs直接绑定时添加复杂的元素到页面: 我有这样的标记（类只是为了解释）： <ol id="root" class="sortable"> <li> <header class="show-after-collapse">Top-Line Info</header> <section class="hide-after-collapse"> <ol class="sortable-connected"> <li> <header class="show-after-collapse">Top-Line Info</header> <section class="hide-after-collapse"> <div>Content A</div> </section> </li> </ol> </section> </li> <li> <header/> <section class="hide-after-collapse"> <ol class="sortable-connected"> <li> <header/> <section class="hide-after-collapse"> <div>Content B</div> </section> </li> </ol> </section> </li> </ol> 也就是说，嵌套的可sorting列表。但是，可sorting的插件就足够了，因为每个li（以下称为“item”）都保持其级别，尽pipe内部列表已连接。这些项目在展开状态下有一个始终可见的标题和一个可见的部分，通过单击标题进行切换。用户可以随意添加和删除任何级别的项目; 添加顶级项目将在其中包含一个空巢列表。我的问题是关于新创build的项目的JS初始化：虽然他们将共享一些常见的function，我可以通过 $("#root").on("click", "li > header", function() { […]