blocks|key|2386203|text|您所做的就是将click处理程序绑定到文档，这样，无论用户在哪里单击，都会执行代码，更改这段代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2386204|jQuery(document).click(function()|code-block|syntax|javascript|2386205|至|2386206|jQuery("a").click(function()|2386207|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

what you are doing is binding the click handler to the document so where ever the user will click the code will be executed, change this piece of code

<pre><code>jQuery(document).click(function()
</code></pre>

to

<pre><code>jQuery("a").click(function()
</code></pre>

blocks|key|2390971|text|$("a").click(function(){
+//show+the+busy+image
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2390972|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$("a").click(function(){
 //show the busy image
});
</code></pre>

blocks|key|476087|text|//to+select+all+links+on+a+page+in+jQuery
jQuery('a')

//and+then+to+bind+an+event+to+all+links+present+when+this+code+runs+(`.on()`+is+the+same+as+`.bind()`+here)
jQuery('a').on('click',+function+()+{
++++//my+click+code+here
});

//and+to+bind+to+all+links+even+if+you+add+them+after+the+DOM+initially+loads+(`on()`+is+the+same+as+`.delegate()`+here;+with+slightly+different+syntax,+the+event+and+selector+are+switched)
jQuery(document).on('click',+'a',+function+()+{
++++//my+click+code+here
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|476088|注意：.on()是jQuery+1.7中的新特性。|unstyled|offset|length|style|CODE|476089|entityMap^0|0|3|5|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>//to select all links on a page in jQuery
jQuery('a')

//and then to bind an event to all links present when this code runs (`.on()` is the same as `.bind()` here)
jQuery('a').on('click', function () {
 //my click code here
});

//and to bind to all links even if you add them after the DOM initially loads (`on()` is the same as `.delegate()` here; with slightly different syntax, the event and selector are switched)
jQuery(document).on('click', 'a', function () {
 //my click code here
});
</code></pre>

Note: <code>.on()</code> is new in jQuery 1.7.

blocks|key|3544027|text|如果在页面中包含jQuery，这样做会更容易。完成后，您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3544028|$('a').click(function()+{
+//+..+your+code+here+..
+return+true;+//+return+true+so+that+the+browser+will+navigate+to+the+clicked+a's+href
}|code-block|syntax|javascript|3544029|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Doing this will be easier if you include jQuery in your pages. Once that is done, you can do:

<pre><code>$('a').click(function() {
 // .. your code here ..
 return true; // return true so that the browser will navigate to the clicked a's href
}
</code></pre>

blocks|key|5655898|text|这个怎么样-我假设#loading+{+display:none}|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5655899|<div+id="loading"><img+src="http://www.cosmeticsbynature.com/00222-1/design/image/loading.gif"+border=0></div>
<script+type="text/javascript">
document.getElementById('loading').style.display='block';+//+show+the+loading+immediately
window.onload=function()+
++document.getElementById('loading').style.display='none';+//+hide+the+loading+when+done
}
</script>|code-block|syntax|javascript|5655900|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

How about this - I assume #loading { display:none} 

<pre><code>&lt;div id="loading"&gt;&lt;img src="http://www.cosmeticsbynature.com/00222-1/design/image/loading.gif" border=0&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
document.getElementById('loading').style.display='block'; // show the loading immediately
window.onload=function() 
 document.getElementById('loading').style.display='none'; // hide the loading when done
}
&lt;/script&gt;
</code></pre>

blocks|key|2386269|text|http://jsfiddle.net/vol7ron/wp7yU/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2386270|我在大多数答案中看到的一个问题是，人们认为点击事件只来自<a>+(锚)标签。在我的实践中，我经常在span和li标签中添加点击事件。给出的答案没有考虑到这些。|style|CODE|2386271|下面的解决方案嗅探包含这两个事件的元素，这些元素是用jQuery.click(function(){})或<htmlelement+onclick=""+/>创建的。|2386272|$(document).ready(function(){

++++//+create+jQuery+event+(for+test)
++++$('#jqueryevent').click(function(){alert('jqueryevent');});

++++//+loop+through+all+body+elements
++++$('body+*').each(function(){

++++++++//+check+for+HTML+created+onclick
++++++++if(this.onclick+&&+this.onclick.toString()+!=+''){
+++++++++++console.log($(this).text(),+this.onclick.toString());
++++++++}

++++++++//+jQuery+set+click+events
++++++++if($(this).data('events')){+++++++++++
++++++++++++for+(key+in($(this).data('events')))
++++++++++++++++if+(key+==+'click')
+++++++++++++++++++console.log(+$(this).text()
++++++++++++++++++++++++++++++,+$(this).data('events')[key][0].handler.toString());
++++++++}
+++});
});|code-block|syntax|javascript|2386273|使用上面的方法，您可能希望创建一个数组，并将找到的元素推入数组(您看到console.log的每个位置|2386274|entityMap|0|LINK|mutability|MUTABLE|url^0|0|Y|0|0|S|3|1D|4|1I|2|0|Q|Q|1H|Q|0|0|Z|B|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@$A|12|B|13|F|G]|$A|14|B|15|F|G]|$A|16|B|17|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|18|8|@$A|19|B|1A|F|G]|$A|1B|B|1C|F|G]]|9|@]|C|$]]|$1|J|3|K|5|L|7|1D|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|1E|8|@$A|1F|B|1G|F|G]]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|4]]]]

<a href="http://jsfiddle.net/vol7ron/wp7yU/" rel="nofollow">http://jsfiddle.net/vol7ron/wp7yU/</a>

A problem that I see in most of the answers given is that people assume click events only come from <code>&lt;a&gt;</code> (anchor) tags. In my practice, I often add click events to <code>span</code> and <code>li</code> tags. The answers given do not take those into consideration.

The solution below sniffs for elements that contain both events, which are created with <code>jQuery.click(function(){})</code> or <code>&lt;htmlelement onclick="" /&gt;</code>.

<pre><code>$(document).ready(function(){

 // create jQuery event (for test)
 $('#jqueryevent').click(function(){alert('jqueryevent');});

 // loop through all body elements
 $('body *').each(function(){

 // check for HTML created onclick
 if(this.onclick &amp;&amp; this.onclick.toString() != ''){
 console.log($(this).text(), this.onclick.toString());
 }

 // jQuery set click events
 if($(this).data('events')){ 
 for (key in($(this).data('events')))
 if (key == 'click')
 console.log( $(this).text()
 , $(this).data('events')[key][0].handler.toString());
 }
 });
});
</code></pre>

Using the above, you might want to create an array and push elements found into the array (every place you see <code>console.log</code>

I have a new site build on corecommerce system which does not have much access to HTML and non to PHP. Only thing I can use is JavaScript. Their system is currently not great on page load speed so I wanted at least customers to know something is happening while they wait 5-8 seconds for a page to load. So I found some pieces of code and put them together to show an overlay loading GIF while page is loading. Currently it will run if you click anywhere on the page but I want it to run only when a link (a href) on the site is clicked (any link).

I know you can do a code that will run while page loading but this isn't good enough as it will execute too late (after few seconds)

Anyway, this is my website www.cosmeticsbynature.com and this is the code I use. Any help will be great. 

<pre><code>&lt;div id="loading"&gt;&lt;img src="doen'tallowmetopostanimage" border=0&gt;&lt;/div&gt;


&lt;script type="text/javascript"&gt;
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&amp;&amp;!document.all;
var ie4=document.all;
 if (ns4)
 ld=document.loading;
 else if (ns6)
 ld=document.getElementById("loading").style;
 else if (ie4)
 ld=document.all.loading.style;
jQuery(document).click(function()
{
if(ns4){ld.visibility="show";}
else if (ns6||ie4)
var pb = document.getElementById("loading");
pb.innerHTML = '&lt;img src="http://www.cosmeticsbynature.com/00222-1/design/image/loading.gif" border=0&gt;';
ld.display="block";
});
&lt;/script&gt;
</code></pre>

How do I run a jQuery function when any link (a) on my site is clicked

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个新的网站建立在corecommerce系统，这是没有太多的访问HTML和非PHP。我唯一能用的就是JavaScript。他们的系统目前在页面加载速度上不是很好，所以我至少希望客户在等待页面加载5-8秒时知道发生了什么事情。因此，我找到了一些代码片段，并将它们放在一起，以显示页面加载时的覆盖加载GIF。目前，它将...

问当我的站点上的任何链接(a)被单击时，我如何运行jQuery函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当我的站点上的任何链接(a)被单击时，我如何运行jQuery函数EN