Tag: javascript events

使用jQuery来testinginput是否有焦点

在我正在构build的网站的首页上,有几个<div>使用CSS :hover伪类在:hover时添加边框。 其中一个<div>包含一个<form> ,使用jQuery,如果其中的一个input具有焦点,它将保持边界。 除了IE6不支持以外,这个function可以完美运行:hover在<a> s以外的任何元素上。 所以,对于这个浏览器,我们只使用jQuery来模仿CSS :hover使用$(#element).hover()方法:hover 。 唯一的问题是,现在,jQuery同时处理formsfocus() 和 hover() ,当input有焦点,然后用户移动鼠标进出,边界消失。 我想我们可以使用某种有条件的方法来阻止这种行为。 例如,如果我们在鼠标上testing了任何input是否有焦点,我们可以阻止边界消失。 AFAIK,在jQuery中没有:focusselect器,所以我不知道如何做到这一点。 有任何想法吗?

如何使用Firebug(或类似工具)debuggingJavaScript / jQuery事件绑定

我需要debugging一个使用jQuery的web应用程序来执行一些相当复杂和混乱的DOM操作。 有一段时间,某些与特定因素有关的事件不会被解雇,而只是停止工作。 如果我有能力编辑应用程序源代码,那么我将深入研究并添加一堆Firebug console.log()语句和注释/取消注释代码片段,以查明问题所在。 但是让我们假设我不能编辑应用程序代码,并需要使用Firebug或类似工具完全在Firefox中工作。 Firebug非常擅长让我导航和操作DOM。 到目前为止,我还没有弄清楚如何使用Firebug进行事件debugging。 具体来说,我只想看在特定时间绑定到特定元素的事件处理程序列表(使用Firebug JavaScript断点来跟踪更改)。 但是,无论是萤火虫没有能力看到绑定的事件,或者我太愚蠢,找不到。 🙂 任何build议或想法? 理想情况下,我只想查看和编辑绑定到元素的事件,与我今天如何编辑DOM类似。

是否有可能附加到innerHTML而不破坏后代的事件侦听器?

在下面的示例代码中,我将一个onclick事件处理程序附加到包含文本“foo”的跨度。 处理程序是一个匿名函数,popupalert()。 但是,如果我分配给父节点的innerHTML ,这个onclick事件处理程序被破坏 – 单击“foo”将无法popup警告框。 这是可以修复的吗? <html> <head> <script type="text/javascript"> function start () { myspan = document.getElementById("myspan"); myspan.onclick = function() { alert ("hi"); }; mydiv = document.getElementById("mydiv"); mydiv.innerHTML += "bar"; } </script> </head> <body onload="start()"> <div id="mydiv" style="border: solid red 2px"> <span id="myspan">foo</span> </div> </body> </html>

检测使用JavaScript点击进入Iframe

我知道,如果它是跨域,不可能告诉用户在iframe做什么。 我想要做的就是跟踪用户是否点击了iframe中的所有内容。 我想象一下在iframe之上有一个不可见div的情况, div将会把click事件传递给iframe 。 是这样的可能吗? 如果是的话,那我该怎么办呢? iframes是广告,所以我无法控制使用的标签。

jQuery $(文档).ready和UpdatePanels?

我正在使用jQuery为UpdatePanel中的元素连接一些mouseover效果。 事件绑定在$(document).ready 。 例如: $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); 当然,第一次加载页面的时候这样做效果不错,但是当UpdatePanel进行了部分页面更新时,它不会运行,并且UpdatePanel中的鼠标hover效果不再起作用。 什么是推荐的方法,不仅在第一页加载,但每次UpdatePanel触发部分页面更新时,在jQuery中布线东西? 我应该使用ASP.NET ajax生命周期而不是$(document).ready ?

在页面加载后执行的Javascript

我正在执行一个外部脚本,使用<head>内的<script> <head> 。 现在,由于脚本在页面加载之前执行,我无法访问<body>等等。 我想在文档“加载”(HTML完全下载和内存)后执行一些JavaScript。 是否有任何事件可以挂钩到我的脚本执行,这将触发页面加载?

如何区分jQuery的左右点击鼠标

你如何获得使用jQuery点击鼠标button? $('div').bind('click', function(){ alert('clicked'); }); 这是由右键和左键触发,能够捕捉鼠标右键单击的方式是什么? 如果像下面这样的东西存在,我会很高兴: $('div').bind('rightclick', function(){ alert('right mouse button is pressed'); });

在 – window.location.hash – 更改?

我正在使用Ajax和哈希导航。 有没有办法检查window.location.hash是否像这样改变? http://example.com/blah#123到http://example.com/blah#456 如果我在文档加载时检查它,它将起作用。 但是,如果我有基于#hash的导航,当我按下浏览器上的后退button时不起作用(所以我从#456跳转到#123)。 它显示在地址框内,但我无法用JavaScript来捕捉它。

如何在JavaScript中触发事件?

我已经使用addEventListener将一个事件附加到文本框中。 它工作正常。 当我想从另一个函数以编程方式触发事件时,出现了我的问题。 我该怎么做?

window.onload vs $(document).ready()

JavaScript的window.onload和jQuery的$(document).ready()方法有什么区别?