编程 Javascript

JS实现点击链接取消跳转效果的方法

Posted in Javascript onJanuary 24, 2014

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="https://3water.com/" /> 
<title>三水点靠木</title> 
<script type="text/javascript"> 
window.onload=function() 
{ 
  var olink=document.getElementById("link"); 
  olink.onclick=function() 
  { 
    if(confirm("是否删除?")){alert("文件被删除");} 
    return false; 
  } 
} 
</script> 
</head> 
<body> 
<a href="#" id="link">是否删除</a> 
</body> 
</html>

以上代码实现了我们的要求，链接只会当做一个普通按钮使用，这里主要是在链接的点击事件中使用return false语句，它可以取消链接的默认动作

JS实现点击链接取消跳转效果的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javaScript 判断字符串是否为数字的简单方法

Jul 25 Javascript

jQuery回车实现登录简单实现

Aug 20 Javascript

JS 实现点击a标签的时候让其背景更换

Oct 15 Javascript

JavaScript AJAX之惰性载入函数

Aug 27 Javascript

触屏中的JavaScript事件分析

Feb 06 Javascript

使用requestAnimationFrame实现js动画性能好

Aug 06 Javascript

深入理解JQuery中的事件与动画

May 18 Javascript

jQuery实用小技巧_输入框文字获取和失去焦点的简单实例

Aug 25 Javascript

Angular2 NgModule 模块详解

Oct 19 Javascript

vue里面使用mui的弹出日期选择插件实例

Sep 16 Javascript

jquery.tagsinput.js实现记录checkbox勾选的顺序

Sep 21 jQuery

vue实现简易图片左右旋转,上一张,下一张组件案例

Jul 31 Javascript

js关于字符长度限制的问题示例探讨

Jan 24 #Javascript

JS方法调用括号的问题探讨

Jan 24 #Javascript

Array栈方法和队列方法的特点说明

Jan 24 #Javascript

js sort 二维数组排序的用法小结

Jan 24 #Javascript

js二维数组排序的简单示例代码

Jan 24 #Javascript

js中数组(Array)的排序(sort)注意事项说明

Jan 24 #Javascript

Array 重排序方法和操作方法的简单实例

Jan 24 #Javascript