当前位置: 首页 > news >正文

如何阻止a链接的默认行为并获得href属性

直接在绑定事件后添加return false 或 

this.blur();window.event.returnValue = false;
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="meishu.js" type="text/javascript"></script>
</head>
<body>
    <ul id="list">
        <li>
            <a href="img/04.png" title="hahhah">第一张</a>
        </li>
    </ul>

    <img id="placeholder" src="img/06.png" alt="">
    <p id="description">内容</p>
</body>
</html>

 

js
window.οnlοad=function(){
    function show(whichpic){
        var source=whichpic.getAttribute("href");
        var placeholder=document.getElementById("placeholder");
        placeholder.setAttribute("src",source);
        var text=whichpic.getAttribute("title");
        var description=document.getElementById("description");
        description.firstChild.nodeValue=text;
       
}

    var list=document.getElementById("list");
    var links=list.getElementsByTagName("a");
    for(var i=0;i<links.length;i++){
        links[i].onclick=function(){
            show(this);
            return false;
        // this.blur(); 
        // window.event.returnValue = false;
        }
    }
};

 

 

 

转载于:https://www.cnblogs.com/feilu2016/p/7159903.html

相关文章:

  • 关于Oracle误操作--数据被Commit后的数据回退(闪回)
  • 阿里云配置ssl证书服务遇到的几个问题和解决方法
  • JSTL总结摘要
  • javascript 一些注意事项
  • XSS学习分支图
  • springCloud(10):使用Feign实现声明式REST调用-构造多参数请求
  • leetcode 228: Summary Ranges
  • Tomcat访问日志详细配置(转)
  • Android零基础入门第8节:HelloWorld,我的第一趟旅程出发点
  • Windows下使用VNC连接CentOS7远程桌面
  • Linux CentOS 7 下 JDK 1.7 安装与配置
  • “业务为王”时代下,DevOps怎么玩?
  • Java中的Filter过滤器
  • leetcode98. Validate Binary Search Tree
  • Java8新特性值Lambda ---匿名函数
  • angular2 简述
  • ES6系列(二)变量的解构赋值
  • ESLint简单操作
  • extract-text-webpack-plugin用法
  • Java 9 被无情抛弃,Java 8 直接升级到 Java 10!!
  • Javascript基础之Array数组API
  • Java到底能干嘛?
  • MySQL QA
  • PermissionScope Swift4 兼容问题
  • VUE es6技巧写法(持续更新中~~~)
  • vue-router 实现分析
  • 搞机器学习要哪些技能
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 后端_ThinkPHP5
  • 讲清楚之javascript作用域
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 使用Swoole加速Laravel(正式环境中)
  • 原生js练习题---第五课
  • 责任链模式的两种实现
  • C# - 为值类型重定义相等性
  • ​Kaggle X光肺炎检测比赛第二名方案解析 | CVPR 2020 Workshop
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • (3)选择元素——(17)练习(Exercises)
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (博弈 sg入门)kiki's game -- hdu -- 2147
  • (二)学习JVM —— 垃圾回收机制
  • (考研湖科大教书匠计算机网络)第一章概述-第五节1:计算机网络体系结构之分层思想和举例
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (转)德国人的记事本
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET 跨平台图形库 SkiaSharp 基础应用
  • .NET连接数据库方式
  • @Transactional 详解
  • @取消转义
  • [1204 寻找子串位置] 解题报告
  • [C#]C# winform实现imagecaption图像生成描述图文描述生成
  • [corCTF 2022] CoRJail: From Null Byte Overflow To Docker Escape
  • [JavaEE系列] wait(等待) 和 notify(唤醒)