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

前端技术 2023/09/02 JavaScript

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=\"utf-8\">
<meta name=\"author\" content=\"http://www.phpstudy.net/\" />
<title>phpstudy</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语句，它可以取消链接的默认动作

本文地址：https://www.stayed.cn/item/5679

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案