js禁止右键点击事件
发表于|更新于
|浏览量:
勤劳一日,可得一夜安眠;勤劳一生,可得幸福长眠。——达·芬奇
js禁止右键点击事件触发代码
1 | function click() { |
相关推荐
2025-06-20
billd-live
如果学生没有学习的积极要求,教师越是把注意局限在知识上,学生对自己学习上的成绩就越冷淡,学习愿望就越低落。——苏霍姆林斯基《给教师的建议》 https://github.com/galaxy-s10/billd-live Billd Live:基于 WebRTC 的开源在线互动直播系统@galaxy-s10/billd-live 是一个开源、高可定制性的在线互动直播系统。它采用现代前端技术栈,结合 WebRTC 实时音视频传输和 Node.js 服务端,支持多人连麦、弹幕互动、屏幕共享、录制回放等丰富功能,适用于教育培训、在线会议、远程协作、娱乐直播等多种场景。 项目简介Billd Live 致力于为开发者和团队提供一套可自由扩展、二次开发友好的 Web 端直播解决方案。项目结构清晰,模块化强,既适合用作生产环境的直播/会议系统,也适合用作学习 WebRTC、Socket.io、前后端分离架构的技术参考。 技术栈 前端:Vue3、Vite、TypeScript、Element Plus 实时音视频:WebRTC 通信:Socket.io(信令服务器) ...
2024-10-03
requestFullscreen
每一次克制自己,就意味着比以前更强大。——高尔基 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullscreen Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。 比如我们全屏幕整个页面: 1document.documentElement.requestFullscreen(); 又或者我们为其封装一个切换全屏的函数 1234567function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else if (document.exitFullscreen) { document.exitFullscreen(); }} 甚至仅仅只是全屏某一元素,比如这里全屏一个video 1234567891011...
2023-06-07
image-conversion
失之毫厘,差之千里。——佚名 分享一个js图像库: https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性,不然就是奴才。但自尊不是轻人,自信不是自满,独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件,别忘了加对应的高度,以及检查overflow-y: 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长(超过外部div高度)的内容...</div> 然后是滚动事件处理: 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
2020-06-30
jQuery的ajax
今天公司实习生问我jQuery的ajax怎么写,这玩意不是很简单吗 12345678910111213$.ajax({ url: "/cowBeer", //url method: "post", //请求方式 contentType: "application/json", //参数类型 data: JSON.stringify({ //这里面是参数 "name":"cowBeer" }), success: function (res) { console.log(res); //处理返回的数据 }, error: function (res) { //错误处...
2024-12-01
skew
醉过才知酒浓,爱过才知情重。你不能做我的诗,正如我不能做你的梦。——胡适 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/skew CSS中的skew()函数:打造斜切效果在前端开发中,CSS transform属性为我们提供了强大的工具来操控元素的外观,而skew()函数正是其中一种常用的变换方式。本文将带你详细了解skew()的原理、用法以及它如何为你的网页增添设计灵感。 什么是skew()?skew()是一种 2D 变换函数,用于对元素进行斜切变换。简单来说,它会将元素沿着 X 轴或 Y 轴方向倾斜一定的角度,创造出一种动态的透视效果。它的应用场景广泛,包括按钮动画、卡片设计和图形变换等。 语法1transform: skew(ax, ay); ax:沿 X 轴的倾斜角度(可选,默认值为 0)。 ay:沿 Y 轴的倾斜角度(可选,默认值为 0)。 单位为角度(deg),也可以使用弧度(rad)或其他角度单位。 用法示例1. 基本应用 以下示例将一个矩形沿 X 轴倾斜 20...
