【web】a标签点击时跳出确认框
来源:互联网 发布:k线图基础知识 知乎 编辑:程序博客网 时间:2024/06/06 20:30
需求如下:
在跳转链接前,需要判断该用户是否有权限打开页面,没有权限的弹出一个确认框提示“没有权限”,有权限的则直接跳转页面。
参考资料一:
http://jingyan.baidu.com/article/425e69e6d043bebe15fc16db.html
a标签点击时跳出确认框
方法一:
<a href="http://www.baidu.com" onClick="return confirm('确定删除?');">[删除]</a>
方法二:
<a onclick="confirm(‘确定要跳转吗?')?location.href='www.baidu.com':''" href="javascript:;">百度</a>
参考资料二:
http://blog.csdn.net/wujiangwei567/article/details/40352689
①在html标签中出现提示
<a href="http://www.baidu.com" onclick="if(confirm('确认百度吗?')==false)return false;">百度</a>
②在js函数中调用
function foo(){ if(confirm("确认百度吗?")){ return true; } return false; }
对应的标签改为:
<a href="http://www.baidu.com" onclick="return foo();">百度</a>
注意事项:
我们这里写的是a标签点击提交出现的跳转事件,表单提交时,也是这么做。
不管怎样,你要记住的是(绝学秘籍),必须将return 写在标签里,否则不管你是否点击确定,都会出现跳转和表单内提交。
以上参考资料总结:
1.跳转的方法:
1>. 把连接放在a元素的href属性中进行页面跳转
2>. 使用location.href进行页面跳转
2.阻止跳转的方法:
在click事件内使用return 或 return false; 返回,不继续执行。——这里引申出一个问题,click事件与href的执行先后顺序
延伸:
click事件与href的执行先后顺序
http://www.jb51.net/article/51448.htm
href=“#” 比click晚触发,因此可以再href出发之前,在click事件内使用return 返回即可。
但也有例外的情况:
如下图所示:
点击按钮后,弹出弹窗,接着跳转入了页面(没做其他操作)
click事件一般会存在250ms的延迟执行时间,目的是为了判断时候是否会继续点击(进行双击操作)。
在移动端的开发,click的延迟执行,可能会导致href被触发!!!(事件冒泡暂不解释)
因此若出现此种情况的出现,可以使用tap事件来代替click事件,即可解决。
- 【web】a标签点击时跳出确认框
- 改变DropDownList时跳出确认提示框
- a标签点击跳转或表单提交前弹出确认框
- a标签点击跳转或表单提交前弹出确认框
- a标签点击跳转或表单提交前弹出确认框
- jQuery代码,让A标签拥有点击事件,实现确认,提交按钮
- 点击a标签时,去掉指定a标签的虚线框
- html 标签a 如何跳出iframe
- a链接执行点击前弹窗确认
- a标签点击后的虚线框
- a标签点击时去虚线
- <a>标签点击事件
- javascript写的一个不断跳出确认框的网页
- 点击确认
- a标签里面嵌套一个a标签,点击子链接标签时,同时触发了父标签a
- web页面中点击下载跳出保存、打开窗体
- 点击EditText输入框直接跳出数字键盘
- Jquery点击a标签注意
- 百度地图 设置缩放等级
- FileSystemWatcher判断文件复制完成
- ObjC 类的加载和初始化(+load 和 +initialize 方法)
- linux stat函数讲解
- 多线程编程(一)FutureTask 测试类
- 【web】a标签点击时跳出确认框
- openssl编译安装-各种蛋疼
- centos7.2 源码安装kernel 4.8.1
- CSS 相对定位
- java.lang.NullPointerException at org.apache.jsp.index_jsp._jspInit(index_jsp.java:23)
- json和jsonp的区别
- skynet框架 源码分析 二
- 关于form提交表单和onclick事件的触发
- Android 热修复三部曲之基本的Ant打包脚本