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

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;

 

相关文章:

  • k8s的yaml文件中的kind类型都有哪些?(详述版Part1/2)
  • C#高级 10 Linq操作
  • 记mongodb7.0安装时的常用操作 windows
  • Docker容器进入的4种方式(推荐最后一种)
  • 部署可道云网盘的一个漏洞解决
  • UISegmentedControl控件定制
  • 结构体的含义、表示、规范、运用
  • uniapp小程序当页面内容超出时显示滚动条,不超出时不显示---样式自定义
  • Python中魔术方法汇总
  • 华为OD机试 - 最小矩阵宽度(Java JS Python C)
  • 【无标题】关于异常处理容易犯的错
  • 控制台项目和ASP.Net Core 1.项目创建 2.一键启动多个服务 3.引入别的库
  • 继续理解Nacos的CP和AP架构模型!
  • Github上传代码/删除仓库/新建分支的操作流程记录
  • TS:.d.ts 文件 和 declare 的作用
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 【159天】尚学堂高琪Java300集视频精华笔记(128)
  • ABAP的include关键字,Java的import, C的include和C4C ABSL 的import比较
  • Apache Spark Streaming 使用实例
  • Centos6.8 使用rpm安装mysql5.7
  • Java教程_软件开发基础
  • leetcode讲解--894. All Possible Full Binary Trees
  • Linux Process Manage
  • python 学习笔记 - Queue Pipes,进程间通讯
  • REST架构的思考
  • SAP云平台里Global Account和Sub Account的关系
  • SegmentFault 2015 Top Rank
  • spring boot下thymeleaf全局静态变量配置
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • Vue ES6 Jade Scss Webpack Gulp
  • 基于HAProxy的高性能缓存服务器nuster
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 小程序、APP Store 需要的 SSL 证书是个什么东西?
  • 【运维趟坑回忆录】vpc迁移 - 吃螃蟹之路
  • 大数据全解:定义、价值及挑战
  • ​Linux Ubuntu环境下使用docker构建spark运行环境(超级详细)
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • #我与Java虚拟机的故事#连载13:有这本书就够了
  • (09)Hive——CTE 公共表达式
  • (6)STL算法之转换
  • (附源码)springboot 校园学生兼职系统 毕业设计 742122
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (论文阅读30/100)Convolutional Pose Machines
  • (三)Hyperledger Fabric 1.1安装部署-chaincode测试
  • (一)搭建springboot+vue前后端分离项目--前端vue搭建
  • ***汇编语言 实验16 编写包含多个功能子程序的中断例程
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .md即markdown文件的基本常用编写语法
  • .NET Core WebAPI中使用Log4net 日志级别分类并记录到数据库
  • .NET 设计一套高性能的弱事件机制
  • .net 受管制代码
  • .NET/C# 中你可以在代码中写多个 Main 函数,然后按需要随时切换
  • .NET使用HttpClient以multipart/form-data形式post上传文件及其相关参数
  • @ConditionalOnProperty注解使用说明