阻止a标签默认事件的几种简单方法
来源:互联网 发布:linux home 空间缩小 编辑:程序博客网 时间:2024/06/05 16:40
第一种: <a href = " javascript: void ( 0 ); ">百度</a> 或者<a href = " javascript:; ">百度</a>
测试:(可行)
<a href="javascript:void(0);" onclick="myjs()">百度</a><a href="javascript:;" onclick="myjs()">百度1</a><script type="text/javascript"> function myjs(){ alert("a标签默认事件被阻止,执行js函数"); }</script>
第二种:<a href = " # ">百度</a> (最常见的,但是点击后页面会返回到顶部,不可用);所以又有了<a href = " ## ">百度</a>或者<a href = " #! ">百度</a>
测试:
<div id="test" style="width: 1000px; height: 1300px; background: rgb(56,132,63)"></div><a href="#" onclick="myjs()">百度</a> <!--不可行(执行js函数后页面会返回到顶部)--><a href="##" onclick="myjs()">百度1</a> <!--测试未发现问题--><a href="#!" onclick="myjs()">百度2</a> <!--测试未发现问题--><script type="text/javascript"> function myjs(){ alert("a标签默认事件被阻止,执行js函数"); }</script>
第三种: e.preventDefault();阻止默认事件(不支持IE),IE中用window.event.returnValue = false; 阻止默认事件
测试:(可兼容IE)
<a id="test" href="http://www.baidu.com">百度</a><script type="text/javascript"> //声明并获取element var test = document.getElementById("test"); //阻止默认事件函数 function stopDefault(e) { if (e && e.preventDefault) e.preventDefault(); else window.event.returnValue = false; //兼容IE } //自定义函数 function myjs(){ alert("阻止默认事件,执行自定义函数"); } //element点击阻止默认事件并执行自定义函数 test.onclick = function(e){ stopDefault(e); myjs(); }</script>
阅读全文
0 0
- 阻止a标签默认事件的几种简单方法
- 阻止a标签默认行为的几种简单方法
- 阻止a标签默认行为的几种简单方法
- 阻止a标签默认行为的几种简单方法
- a标签阻止默认行为的几种简单方法
- 阻止a标签默认行为的几种简单方法
- 怎么样阻止a标签的默认行为
- 阻止a标签跳转的默认行为
- 阻止事件冒泡,阻止默认事件,阻止所有事件的方法
- jQuery阻止冒泡事件的几种方法
- 阻止a标签绑定click时,的默认跳转的方法
- 点击a标签阻止页面跳转的两种方法
- 阻止a标签事件冒泡
- A标签链接的几种方法
- jQuery的的方法阻止冒泡和默认的事件(三种方法)
- 阻止事件的默认行为
- a标签添加onclick事件的几种方式
- a标签和阻止事件冒泡
- 如何开启/关闭ubuntu防火墙
- 输入型参数和输出型参数
- 禁止搜索引擎收录的方法
- 通过chmod改变文件权限
- VUE--小结
- 阻止a标签默认事件的几种简单方法
- 程序员的学习和积累
- oracle中建立表空间和用户的过程
- 数据库连接问题
- UART、RS-232、RS-422、RS-485有什么区别?
- kafka--Kafka设计解析(四):Kafka Consumer解析
- Java中Synchronized的用法
- 在java类中传递中文的编码和解码
- thinkPHP框架表单令牌