阻止 pre www. onclick事件 lan html charset 优先执行
1. <a> a标签默认绑定了一个onclick事件,当自己再写一个onclick事件的时候,默认自己写的那个优先执行。
如下程序,先执行(123),然后再发生跳转。
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <a onclick=‘ClickOn()‘ href="http://www.oldboyedu.com">走你</a>
- <script>
- function ClickOn(){
- alert(123);
- }
- </script>
- </body>
- </html>
2.如果只想让它执行第一步onclick的时候,可以return 一个false回来。
先在此处 onclick=‘return ClickOn()‘ 加上return, 再加上return false
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <a onclick=‘return ClickOn()‘ href="http://www.oldboyedu.com">走你</a>
- <script>
- function ClickOn(){
- alert(123);
- return false;
- }
- </script>
- </body>
- </html>
效果,只会弹出123,但不会发生跳转。
3. jquery的绑定方式如下:默认先弹出456,再发生跳转。
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <a onclick=‘return ClickOn()‘ href="http://www.oldboyedu.com">走你1</a>
- <a id=‘i1‘ href="http://www.oldboyedu.com">走你2</a>
- <script src="jquery-1.12.4.js"></script>
- <script>
- function ClickOn(){
- alert(123);
- return false;
- }
- $(‘#i1‘).click(function(){
- alert(456);
- })
- </script>
- </body>
- </html>
阻止后续事件的发生,加上只需要加上return false就可以了。
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <a onclick=‘return ClickOn()‘ href="http://www.oldboyedu.com">走你1</a>
- <a id=‘i1‘ href="http://www.oldboyedu.com">走你2</a>
- <script src="jquery-1.12.4.js"></script>
- <script>
- function ClickOn(){
- alert(123);
- return false;
- }
- $(‘#i1‘).click(function(){
- alert(456);
- return false;
- })
- </script>
- </body>
- </html>
jQuery多重事件绑定
来源: http://www.bubuko.com/infodetail-2290053.html