a标签如何禁止href跳转或链接?

在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。

创新互联专注于企业成都全网营销推广、网站重做改版、大宁网站定制设计、自适应品牌网站建设、H5网站设计商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为大宁等各大城市提供网站开发制作服务。

(1)阻止默认事件

阻止默认事件的发生有两个方法:

  • return false
  • e.preventDefault()
DOCTYPE html>
<html>
    <head>
        <metacharset="utf-8">
        <title>title>
    head>
    <body>
        <ahref="https://www.baidu.com/">去百度a><br>
        
        <ahref="https://www.baidu.com/" onclick="return false">去百度(禁止默认事件:return false)a><br>
        <ahref="https://www.baidu.com/" id="go">去百度(禁止默认事件:e.preventDefault())a>
        <script>
            //获取元素节点
            let go= document.querySelector("#go")
// 点击事件
            go.onclick= function (e) {
// 阻止默认事件
                e.preventDefault()
            }
script>
    body>
html>

分享标题: a标签如何禁止href跳转或链接?
文章路径:http://bzwzjz.com/article/dsojepi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设 成都网站建设公司 高端网站建设 定制网站建设多少钱 成都网站建设流程 重庆手机网站建设 成都网站制作 重庆网站制作 定制网站设计 响应式网站设计 成都网站建设 宜宾网站设计 成都网站设计 重庆电商网站建设 成都网站建设公司 品牌网站建设 手机网站制作设计 成都网站设计 网站设计制作 成都网站建设公司 成都网站设计 手机网站制作