JS浏览器的默认行为及阻止行为,阻止右键菜单、阻止超链接跳转、阻止拖拽事件

news/2024/7/19 15:26:23 标签: javascript, vue.js, 前端, js

浏览器的默认行为及阻止行为

(一)右键菜单事件:oncontextmenu

        阻止:return false;

<div οncοntextmenu="myFunction()">

        <p>在文本框内右击鼠标</p>

</div>

<script>    

        function myFunction() {

            // 执行我们自已要的操作
            alert("你在 div 元素总点击鼠标了右键。");
        }

        window.document.oncontextmenu = function(){  // 阻止默认菜单弹出
            return false;
        } 

</script>

        Vue右键点击事件,阻止默认菜单弹出

<div v-for="(item, index) in treeList " :key="index" @contextmenu.prevent.stop="rightClick(item, $event)"></div>

(二)超链接的默认行为:跳转

        阻止:标准浏览器:event.preventDefault();

                   IE8及以下:event.retrunValue = false;

                   兼容写法:event.preventDefault ? event.preventDefault() : event.retrunValue = false;

(三)浏览器的拖拽事件:ondragstart

        阻止:return false; 

事件源的获取:

        var target = event.target || event.srcElement;

 


http://www.niftyadmin.cn/n/5327274.html

相关文章

Java解析第三方接口返回的json

在实际开发过程中&#xff0c;免不了和其他公司进行联调&#xff0c;调用第三方接口&#xff0c;这个时候我们就需要根据对方返回的数据进行解析&#xff0c;获得我们想要的字段 第一种 //这种是data里面有个list的格式 {"data": {"username": "s…

人力资源智能化管理项目(day01:基础架构拆解)

学习源码可以看我的个人前端学习笔记 (github.com):qdxzw/frontlearningNotes 觉得有帮助的同学&#xff0c;可以点心心支持一下哈 一、基础架构拆解 1.拉取模板代码 git clone GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template 项目名 2.core-js…

低频信号发生器

前言 最近我快期末考试了&#xff0c;有点忙着复习。没时间写文章&#xff0c;不过学会了焊接 挺开心的所以买几套。 焊得怎么样这就是我们今天故事的主角“低频信号发生器”&#xff08;由于要用到所以这是购买链接&#xff09; 好&#xff0c;故事开始&#xff1a; 如何将…

Redis学习指南(3)-Redis的应用领域

文章目录 前言1. 缓存系统实践案例&#xff1a;Facebook 2. 会话存储实践案例&#xff1a;Alibaba 3. 消息队列实践案例&#xff1a;Twitter 4. 实时分析实践案例&#xff1a;Netflix 5. 排行榜和计数器实践案例&#xff1a;LinkedIn 6. 分布式锁实践案例&#xff1a;Uber 结论…

文本分类的一些记录

背景 过去工作中最常遇到的问题就是文本分类和实体抽取的任务。其中文本分类是自然语言处理中最基础的任务&#xff0c;指的是将文本打上特定的类别标签&#xff0c;以做区分和筛选。文本分类主要流程一般是&#xff1a;先预处理文本&#xff0c;再提取特征&#xff0c;最后通…

2024年甘肃省网络安全样题B-2Linux 操作系统渗透测试 (Server2106)

B-2&#xff1a;Linux 操作系统渗透测试 任务环境说明&#xff1a; 服务器场景&#xff1a;Server2106服务器场景操作系统&#xff1a;Linux&#xff08;版本不详&#xff09; &#xff08;关闭连接&#xff09;需要环境加Q 目录 1.通过本地PC中渗透测试平台Kali对服务器场…

JVM基础(5)——JVM垃圾回收算法

作者简介&#xff1a;大家好&#xff0c;我是smart哥&#xff0c;前中兴通讯、美团架构师&#xff0c;现某互联网公司CTO 联系qq&#xff1a;184480602&#xff0c;加我进群&#xff0c;大家一起学习&#xff0c;一起进步&#xff0c;一起对抗互联网寒冬 学习必须往深处挖&…

HTML--CSS--盒子模型

在CSS模型中&#xff0c;所有元素都可以看做是一个盒子&#xff0c;这个盒子的组成部分&#xff1a; content 内容&#xff0c;文本或者图片 padding 内边距&#xff0c;定义内容到边框的距离 margin 外边距&#xff0c;定义当前元素与其他元素之间的距离 border 边框&#xff…