Tag: events

如何捕获DOM元素的创建并使用jQuery操作它们: 我正在尝试设计一种方法，当添加一个简单的div元素与类和一些data- *时，它将替换它或添加一些其他元素。不应该手动调用此方法，而是通过某种.live（）jQuery方法，自定义事件或类似$（’body’）。bind（’create.custom’）等自动调用此方法。我需要它因为我不会提前知道将创建哪些元素，因为它们将通过像单个空div或p的ajax来提供。 on create jQuery(function($){ $(“div.fancyInput”).each(function(index,element){ var $div = $(this); var dataId = $div.attr(“data-input-id”); var inputId = ”; var labelId = ”; if(!!dataId){ inputId = ‘id=”‘ + dataId + ‘”‘; labelId = ‘id=”‘ + dataId + ‘Label”‘; } // if var dataValue = $div.attr(); $( ” + ‘ A fancy input’ + ‘ ‘ […]

点击JavaScript和jQuery中的源代码，人工还是自动？: 我们都知道您可以使用以下方法之一模拟元素上的click或任何其他事件： $(‘#targetElement’).trigger(‘eventName’); $(‘#targetElement’).click(); 我遇到过一种情况，我应该知道如何点击一个元素。我应该知道它是通过代码自动点击还是按下鼠标按钮。无论如何我可以在没有黑客或变通办法的情况下做到这一点吗？我的意思是，浏览器的事件对象，JavaScript或jQuery中是否有任何内容可以告诉我们是否已经通过人为操作或代码启动了点击？

有没有办法在jQuery中委托事件一？: 我想将事件委托给点击一个。有谁知道是否可以这样做？

预加载音频文件/事件？: 在我启动基于JS的应用程序之前，我正在预加载所有资产： assets = [….]; // files $.each(assets,function(){ var r = /\.([^\.]+)$/; var ext = r.exec(this); //get file type if (ext[1] == ‘png’){ var tmp = new Image(); } else if (ext[1] == ‘mp3’){ var tmp = new Audio(); } tmp.src = this; tmp.onload = function(){ var i = assets.indexOf(this); assets.splice(i,1); if (!assets.length){ console.log(‘all loaded’); app.build(); […]

使用Youtube的javascript API和jQuery: 我目前正在尝试使用YouTube API作为jQuery插件的一部分，我遇到了一些问题。 YT api的工作方式是加载flash播放器，当它准备就绪时，它会发回一个名为onYouTubePlayerReady(playerId)的全局函数。然后，您可以将该id与getElementById(playerId)结合使用，将javascript调用发送到Flash播放器（即player.playVideo(); ）。您可以使用player.addEventListener(‘onStateChange’, ‘playerState’);将事件监听器附加到播放器player.addEventListener(‘onStateChange’, ‘playerState’); 它会将任何状态更改发送到另一个全局函数（在本例中为playerState ）。问题是我不确定如何将状态变化与特定玩家联系起来。我的jQuery插件可以愉快地将多个video附加到选择器并将事件附加到每个video，但是当状态实际发生变化时，我会忘记它发生在哪个播放器中。我希望一些示例代码可以使事情更清晰一些。以下代码应该可以在任何html文件中正常工作。 Sandbox google.load(“jquery”, “1.3.2”); google.load(“jqueryui”, “1.7.0”); (function($) { $.fn.simplified = function() { return this.each(function(i) { var params = { allowScriptAccess: “always” }; var atts = { id: “ytplayer”+i }; $div = $(”).attr(‘id’, “containerplayer”+i); swfobject.embedSWF(“http://www.youtube.com/v/QTQfGd3G6dg&enablejsapi=1&playerapiid=ytplayer”+i, “containerplayer”+i, “425”, “356”, “8”, null, null, params, […]

获得原始目标的最佳方式: 什么是jQuery喜欢和/或最佳实践方式来获取jQuery（或一般的浏览器javascript）中的事件的原始目标。我一直在用这样的东西 $(‘body’).bind(‘click’, function(e){ //depending on the browser, either srcElement or //originalTarget will be populated with the first //element that intercepted the click before it bubbled up var originalElement = e.srcElement; if(!originalElement){originalElement=e.originalTarget;} }); 哪个有效，但我对两线function嗅探并不满意。有没有更好的办法？

jQuery：除了___以外的所有目标？: 我正在寻找一种方法来选择页面上的所有元素，除了那些具有指定DOM位置的元素。这是我想要做的一个例子： jQuery(‘*’).except(‘.ignore’).bind(‘click’, function(e) { … }); 这可能是以“原生jQuery”的方式吗？

使用jQuery在移动设备上处理longtap和double-tap事件的最佳方法是什么？: 我正在寻找添加“doubletap”和“longtap”事件的最佳解决方案，以便与jQuery的live（），bind（）和trigger（）一起使用。我推出了自己的快速解决方案，但这是一个小小的车。有没有人有他们会推荐的插件，或者他们想要分享他们自己的实现？

jQuery Mobile：触发页面事件的顺序是什么？: 我必须为应用程序快速构建原型，并且我想知道插入各种应用程序逻辑的确切位置。您可以在使用PhoneGap和jQueryMobile时迭代事件及其触发的顺序吗？很清楚地了解事件/顺序：答：第一次打开应用程序时。 B：当你改变页面时（我想不再有一些事件）。 C：当您“最小化”应用程序时（例如：当您单击应用程序中的链接时，您将进入短信/呼叫，或者您只需按设备的主页按钮）。 D：恢复应用程序时（例如：点击“后退”按钮，或者只是以某种方式“最大化”它。

`input`元素的“change”和“input”事件之间的区别: 有人能告诉我change和input事件之间的区别是什么？我正在使用jQuery添加它们： $(‘input[type=”text”]’).on(‘change’, function() { alert($(this).val()); }) 它也适用于input而不是change 。也许在相关焦点的事件排序方面存在一些差异？