Tag: addeventlistener

如何加载多个滑块处理2个值与输入和输出noUiSlider？

我被困了..我想用noUiSlider创建多个范围滑块。 每个滑块必须处理值[0,100]; （min = 0，max = 100，）。 此外，我需要按处理程序输出和输入值，并由用户输入。 在这里查看我当前的代码： function data ( element, key ) { return element.getAttribute(‘data-‘ + key); } var connectSlider = document.getElementsByClassName(‘slider’); var input0 = document.getElementsByClassName(‘input-format-0’); var input1 = document.getElementsByClassName(‘input-format-1’); var inputs = [input0, input1]; function createSlider ( slider ) { noUiSlider.create( connectSlider,{ start: [0, 100], connect: false, step: Number(data(slider, ‘step’)) || […]

点击链接的香草JS版jQuery文档？

这是一个纯粹的JS版本吗？ $(document).on(‘click’, ‘a[href]’, function(event) { event.preventDefault(); here.change(this); }); 我正在寻找的特定function是为以后通过JS（例如AJAX）创建的任何链接添加事件侦听器。

添加事件处理程序以循环动态创建的播放列表（YouTube API）

尝试实现播放列表function以及收听历史记录。 用户动态地拖放/排序播放列表的video缩略图到div中。 每次单击缩略图时，video都会加载到播放器中，video会添加到历史记录中（ subHist.click() ）。 因为video是动态创建的，所以我无法创建事件监听器以在开始时转到下一个video，并且必须在以后添加它。 问题是我在创建事件监听器的函数中有监听历史记录function，因此当我们浏览播放列表时，事件监听器被调用的次数增加，这意味着当单击一次时，video会在播放列表中多次出现。 对于某些代码，这可能更有意义： $(‘#Playlist’).on(‘click’, ‘.playlistYT’, function(){ $(‘#subHistory’).click(); videoID = $(this).attr(“src”).slice(27,38); $(‘#infoID’).val(videoID); player.loadVideoById(videoID ); var nextVideo = $(this).parent().next().find(‘.playlistYT’); player.addEventListener(‘onStateChange’, function stopCycle(event) { if (event.data == YT.PlayerState.ENDED) { $(nextVideo).click(); } }); }); 图像属于类.playlistYT一旦被删除（即在删除任何video之前该类不存在），以及$(‘#subHistory’).click()将video添加到收听历史记录中。 如果我在addEventListener移动var nextVideo ，那么它就无法识别它（不能使用$(this)因为它似乎将其重新定义为事件处理程序中的事件）。 将$(‘#subHistory’).click()到stopCycle函数似乎没什么区别。 花了几天时间玩.one，.off，.live，似乎无法破解它。 removeEventListener似乎没有任何区别。 我想过将一个隐藏的video添加到播放列表中，但这会成为确保video不会出现在用户的收听历史记录/播放列表中的问题。

重新计算绝对定位元素的位置？

相对于文档正文，我有一些绝对定位的元素。 当在DOM内部的某处附加某些内容时，也应该重新定位绝对定位的元素。 问题是，如何知道DOM在里面某处被改变了？ 第二个想法是听取文档的高度和宽度变化，我认为这是最有效的方法。 还有其他方法可以实现吗？ 更新 http://jsfiddle.net/9nkq9/

在没有jQuery的情况下收听jQuery事件

有没有办法设置事件监听器，所以它捕获jQuery触发的事件？ 我想只使用普通（vanilla）JavaScript来收听事件。 我已经设置了以下示例： (function($) { $(document).on(‘sent_jquery_rec_jquery’, function () { console.log(‘sent_jquery_rec_jquery’); }); $(document).on(‘sent_vanilla_rec_jquery’, function () { console.log(‘sent_vanilla_rec_jquery’); }); document.addEventListener(‘sent_vanilla_rec_vanilla’, function () { console.log(‘sent_vanilla_rec_vanilla’); }); document.addEventListener(‘sent_jquery_rec_vanilla’, function () { console.log(‘sent_jquery_rec_vanilla’); }); document.dispatchEvent(new Event(“sent_vanilla_rec_vanilla”)); document.dispatchEvent(new Event(“sent_vanilla_rec_jquery”)); $(document).trigger(‘sent_jquery_rec_jquery’); $(document).trigger(‘sent_jquery_rec_vanilla’); }(jQuery)); 接收和记录的三个事件是： sent_vanilla_rec_vanilla sent_vanilla_rec_jquery sent_jquery_rec_jquery 当事件通过$(document).trigger ，使用document.addEventListener设置的事件监听器不会启动。原因是什么，以及如何使其工作？

jQuery中的addEventListener

可能重复： jQuery相当于JavaScript的addEventListener方法 还有一个非常好的jQuery教程： http ： //itunes.apple.com/in/app/designmobileweb/id486198804？mt = 8 以下语句的jQuery等价物是什么; element1.addEventListener(‘click’,doSomething2,false) 如果是bind（）方法，是否有任何选项来指定最后一个参数（即事件冒泡或捕获… true / false） 谢谢。

DOM内容加载后附加的元素中的事件侦听器

我需要听一个的“更改”事件，但这只适用于第一个选择，有一个按钮可以为document添加更多 ，所以我需要检查是否有任何被更改，我正在做这样的事情： document.addEventListener(‘DOMContentLoaded’, function() { var selects = document.getElementsByClassName(‘select’); for(var i=0;i < selects.length;i++) { selects[0].addEventListener('change', function() { // do something here… }, false); } }, flase); 但这仅在DOMContentLoaded时执行，如果我在document.addEventListener之外执行它，则它不会执行。 PS我用纯JS做这个原因和jQuery一样，我用纯JS控制我的脚本。

何时触发了Google Maps API v3中的remove_at事件？

我正在研究谷歌地图api v3，并希望添加编辑折线的function。 截至谷歌文档。 折线处于编辑模式时会触发3个事件。 insert_at set_at remove_at 我知道前两个事件被触发并且能够获得编辑的坐标。 我也想删除一个节点但不确定它是如何工作的？ 任何人都可以告诉我什么时候会发生“remove_at”事件？

Jquery谷歌地图插件，添加事件监听器

有人可以解释在google jquery.ui.map插件中找到的以下代码片段（ jQuery.fn[name] ）的含义 ： jQuery.each((‘click mousedown rightclick dblclick mouseover mouseout drag dragend’).split(‘ ‘), function(i, name) { jQuery.fn[name] = function(a, b) { return this.addEventListener(name, a, b); }; }); 以及我们如何将回调函数绑定到地图对象上的click事件，我尝试了以下但event没有latLng属性： $(‘#map_canvas’).gmap().click(function(event) { alert(event.latLng); }); 提前致谢。

在使用AJAX获取html内容后，将侦听器添加到新元素的正确方法是什么？ （jQuery，Javascript）

我正在制作可以通过AJAX加载新设置页面的东西，我不确定将侦听器绑定到新内容页面中的那些元素的最有效方法是什么？ 这是我的想法。 我可以创建一个比较文件路径的函数，对于每个条件，然后我将根据AJAX加载的页面将正确的侦听器应用于这些新元素。 如果我有大量的页面，我觉得它会使function变得如此之大。 谢谢！