Tag: javascript events

用ng-click自动传递$事件?

我知道我可以通过ng-click来访问点击事件,如果我传递$event对象,如下所示: <button ng-click="myFunction($event)">Give me the $event</button> function myFunction (event) { typeof event !== "undefined" // true } 每次显式传递$event都有点烦人。 是否有可能设置ng-click以默认的方式将其传递给函数?

主干0.9.9:ListenTo和之间的区别

我正试图学习他们在Backbone 0.9.9中所做的新改变。 目前我遇到了一些问题,要了解ListenTo与之间的区别: listenTo var View = Backbone.View.extend({ tagName: "div", intialize: function() { this.listenTo(this.model, 'change', this.render); }, render: function() { this.$el.empty(); this.$el.append('<p>hello world</p>'); } }); 上 var View = Backbone.View.extend({ tagName: "div", intialize: function() { this.model.on('change', this.render, this); }, render: function() { this.$el.empty(); this.$el.append('<p>hello world</p>'); } }); 我听说listenTo允许stopListening取消订阅所有事件时,例如视图被删除,以避免内存泄漏。 这是唯一的原因吗? 问候,博多

如何让手风琴在closures所有菜单的情况下加载?

我试图在这里按照这个例子 http://twitter.github.com/bootstrap/javascript.html#collapse 我在这里放置了一个模型 http://jsfiddle.net/gqe7g/ 加载行为很奇怪。 它显示Menu1然后折叠它,然后显示Menu2和Menu3。 我希望一切都打开崩溃。 我尝试了以下没有成功 $('#accordion').collapse({hide: true})

jquery ajax,逐步读取stream?

我已经读过这个问题,但并不完全回答我的问题。 不幸的是,自从我上次查看Ajax以来,XHR对象中的内容看起来已经发生了变化,因此在完成填充之前不能再直接访问responseText 。 我必须编写一个页面,使用AJAX(最好是jQuery,但我愿意build议)通过HTTP从我无法控制的服务器检索CSV数据。 响应数据可能相当大; 一个兆字节的文本并不less见。 服务器是stream的友好的。 还有什么方法可以直接从Javascript返回数据stream吗? 我可以select编写一些居于中间的PHP代码,并使用某种“Comet”技术(长轮询,EventSource等),但是如果可能,我宁愿避免这种情况。 如果是相关的,假设这个问题,用户有最新版本的Firefox / Chrome / Opera和旧的浏览器兼容性不是问题。

优化触摸设备的网站

在像iPhone / iPad / Android这样的触控设备上,用手指点击小button可能很困难。 没有跨浏览器的方式来检测我所知道的CSS媒体查询的触摸设备。 所以我检查浏览器是否支持JavaScript的触摸事件。 到目前为止,其他浏览器还不支持它们,但最新的Google Chrome on dev channel 启用了触摸事件 (即使是非触摸设备)。 我怀疑其他浏览器制造商将会跟随,因为带有触摸屏的笔记本电脑正在来临 。 更新:这是一个Chrome中的错误,所以现在JavaScript检测再次工作 。 这是我使用的testing: function isTouchDevice() { return "ontouchstart" in window; } 问题是,这只会testing浏览器是否支持触摸事件,而不是设备。 有谁知道给予触摸设备更好的用户体验的正确的方式吗? 除了嗅探用户代理。 Mozilla有一个针对触摸设备的媒体查询。 但是在其他任何浏览器中我都没有看到类似的东西: https : //developer.mozilla.org/En/CSS/Media_queries#-moz-touch-enabled 更新:我想避免使用移动/触摸设备的单独的页面/网站。 该解决scheme必须使用对象检测或类似的JavaScript来检测触摸设备,或者包含自定义触摸CSS,而无需用户代理嗅探! 我问的主要原因是为了确保在联系css3工作组之前,今天是不可能的 。 所以请不要回答,如果你不能按照问题的要求;)

焦点input框在加载

如何将光标聚焦在页面加载的特定input框? 也可以保留初始文本值,并将光标放在input的末尾? <input type="text" size="25" id="myinputbox" class="input-text" name="input2" value = "initial text" />

防止浏览器在HTML5 History popstate上滚动

是否有可能防止发生popstate事件时滚动文档的默认行为? 我们的网站使用jQueryanimation滚动和History.js,状态变化应该通过pushstate或者popstate滚动用户到页面的不同区域。 麻烦的是浏览器在popstate事件发生时自动恢复前一状态的滚动位置。 我试过使用容器元素设置为文档的100%宽度和高度,并滚动该容器内的内容。 我发现的问题似乎不像滚动文档那么顺利, 特别是如果使用大量的css3像盒子阴影和渐变。 我也尝试在用户启动的滚动过程中存储文档的滚动位置,并在浏览器滚动页面(在popup窗口)后恢复它。 这在Firefox 12中工作正常,但在Chrome 19中,由于页面正在滚动和恢复,因此闪烁。 我认为这是在滚动和滚动事件被触发(滚动位置被恢复)之间的延迟。 Firefox在popstate触发前滚动页面(并触发滚动事件),Chrome首先popup窗口,然后滚动文档。 我所见过的所有使用历史loggingAPI的站点都使用类似于上述的解决scheme,或者在用户前进/后退(例如GitHub)时忽略滚动位置更改。 是否有可能防止文件正在滚动popstate事件?

忽略叠加图像上的鼠标交互

我有一个hover效果的菜单栏,现在我想放置一个圆形的透明图像和一个“一手拉”文本的菜单项之一。 如果使用绝对定位将叠加图像置于菜单项上方,用户将无法单击该button,hover效果将不起作用。 有没有办法以某种方式禁用鼠标与此叠加图像的交互,以便菜单将继续像以前一样工作,即使它在图像下方? 编辑: 因为菜单是用joomla生成的,所以我无法调整其中一个菜单项。 即使我可以,我不觉得JavaScript解决scheme是适当的。 所以最后我用menu-item元素外面的箭头“标记”菜单项。 不如我想要的那么好,但是无论如何它都能解决问题。

如何捕获form.submit的响应

我有以下代码: <script type="text/javascript"> function SubmitForm() { form1.submit(); } function ShowResponse() { } </script> . . . <div> <a href="#" onclick="SubmitForm();">Click</a> </div> 我想捕获form1.submit的html响应? 我该怎么做呢? 我可以注册任何callback函数form1.submit方法?

什么是被动事件监听器?

为了提高渐进式networking应用程序的性能,我尝试了一些新的function, Passive Event Listeners ,我发现很难理解这个概念。 什么是Passive Event Listeners ,在我们的项目中需要什么?