利用JS事件让你更加愉快地划水

CuterCorley 等级 441 0 0

一生复能几,倏如流电惊。——陶渊明 今天早晨,一位我很熟识的长辈去世,前天还看见他在街上赶集、精神饱满,今天已经离我们而去,忽然你想到人生何其短暂、生命何其宝贵,愿诸位珍惜身边人、珍惜身边事,有一天他们会离我们而去,有一天我们也会离他们而去。

1.上网课再也不怕自动暂停

很多小伙伴特别是大学生可能都有过上网课的体验,比如某星,当然你可能想划划水、做些别的事,但是有可能你地鼠标一离开当前页面就自动暂停了,让你很是恼火,就只能一直开着上课的界面。 现在你有福了,只要轻轻松松就能破解,让你愉快地划水。 在但概念界面右键检查(或直接点击F12),在弹出的浏览器审计窗口中上册导航栏选择Elements,再到右侧选择Event Listeners,你会看到其中有一个事件mouseout,点击它可以看到remove按钮,现在直接点击即可删除鼠标移出事件监听器,然后你就可以开心地划水了,图示如下: 利用JS事件让你更加愉快地划水 上面的方法是针对Google Chrome的,其他浏览器的操作也类似。

2.轻轻松松在网页中复制你需要的文本

很多时候,你看到网页中有一些精彩的语段想要复制保存下来,或者你在完成某个project需要借鉴一点别人的东西,这个时候你去选择文本并复制,多数情况下还是很顺利的,但在有的网站中复制的话,要不然就是弹出一个窗口让你登录再免费复制,要不然就是直接提示禁止复制,这让你有点苦恼,但是其实也是有解决办法的,和1中类似,只不过现在不是mouseout事件、而是copy事件了,你删除copy事件监听器之后,就可以随意复制了,动态操作如下:

[video(video-eCtFklA3-1588590129493)(type-youku)(url-https://player.youku.com/embed/XNDY1OTY3OTc3Mg==)(image-https://vthumb.ykimg.com/054106015EAFF053000001363609105A)(title-JS删除copy事件监听器)]

本文原文首发来自博客专栏前端开发,由本人转发至https://www.helloworld.net/p/Z9zc0Lu7wuzB,其他平台均属侵权,可点击https://blog.csdn.net/CUFEECR/article/details/105566733查看原文,也可点击https://blog.csdn.net/CUFEECR浏览更多优质原创内容。

收藏
评论区

相关推荐

JavaScript 引擎、事件循环、任务队列
一、先引用别人的一幅图 (很好的概括了JS主线程和任务队列是如何执行的) 1.JS引擎和runtime的区别: 引擎:解释并编译代码,让它变成
😎手撕吊打面试官系列面试题
js基础 1. 用js打印一个乘法表 这一题面试官考察的是你关于js的打印相关基础api的熟悉程度,以及基本的数学常识,送分题 console.log( 111 212 224 313 326 339 414 428 4312 4416 515 5210 5315 5420 5525
项目实战之---AES 加密
ajax/index.js import axiosApi from '../js/fetch'; import { baseUrl, headerParams } from '../js/baseUrl'; // import引用AES源码js import CryptoJS from 'cryptojs/cryptojs'; console.lo
前端高效开发必备的 js 库梳理
前端高效开发必备的 js 库梳理 之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制造大家的焦虑感.
面试之手撕 JS 继承
提到JS继承,你首先想到的什么? 面试 继承方式 优缺点...,js继承作为曾经的苦主,我看了忘,忘了看,看了又忘,OMG,都0212年了面试官还不放过我。 ok
【Electron】electron-vue 借助 element-ui UI 库助力桌面应用开发
前面文章我们讲过 electron 让可以用 HTML、JS、CSS 开发桌面应用程序。而 electronvue 是一个结合了 electron 与 vue 的套件。这样我们就能方便地使用 vue 快速开发桌面应用。但是,vue 只是在 js 这层面做了大量的便捷的操作。对 UI 并未过多涉及。此时如果您在开发过程中自己实现一套统一主题的 UI 视觉效果
大佬说:“不想加班你就背会这 10 条 JS 技巧”
(https://imghelloworld.osscnbeijing.aliyuncs.com/83909ede68f61936ac3ae10c9ce8b223.png) 为了让自己写的代码更优雅且高效,特意向大佬请教了这 10 条 JS 技巧 1\. 数组分割 const listChunk (list
几个常用js库,别再重复造轮子了
年底了,总结下今年用到的一些有意思的《js轮子》(只是大概列出些比较有意思的库,每个标题都是超链接,可点击自行查阅) 希望能对您有用! 如有意思的 轮子 可以在评论列出一起讨论下 color(https://links.jianshu.com/go?tohttps%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fco
微信小程序字符串展示为二维码
微信小程序中要将一个字符串展示为二维码的形式,需要引入该js文件 // Core code comes from https://github.com/davidshimjs/qrcodejsvar QRCode;(function () { / Get the type by string length
利用JS事件让你更加愉快地划水
一生复能几,倏如流电惊。——陶渊明 今天早晨,一位我很熟识的长辈去世,前天还看见他在街上赶集、精神饱满,今天已经离我们而去,忽然你想到人生何其短暂、生命何其宝贵,愿诸位珍惜身边人、珍惜身边事,有一天他们会离我们而去,有一天我们也会离他们而去。 1.上网课再也不怕自动暂停很多小伙伴特别是大学生可能都有过上网课的体验,比如某星,当然你可能想划划水、做些别
js去除字符串
js去除字符串js<DOCTYPE html<html<head <title</title</head<body</body<script type"text/javascript" function delHtmlTag(str){   return str.replace(/<^/g,""); } var s
Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
一年多没写过文章了,今天给大家介绍一个我断断续续花了半年开发的 CSS 项目: . Fower 是什么?Fower 是一个让你高效开发 UI 的样式工具库,目标是让你写 CSS 不再痛苦。Fower 的核心特点是原子化(Atomic/utilityfirst)、类型安全(Type Safe)、CSS in JS,它非常注重开发体验,让你快速且开心的开发界面。
前端 - 常见的异常捕获方法
前端异常捕获在ES3之前js代码执行的过程中,一旦出现错误,整个js代码都会停止执行,这样就显的代码非常的不健壮。从ES3开始,js也提供了类似的异常处理机制,从而让js代码变的更健壮,程序执行的过程中出现了异常,也可以让程序具有了一部分的异常恢复能力。js异常的特点是,出现不会导致JS引擎崩溃,最多只会终止当前执行的任务。回归正题,我们该如何在程序异常发生
从 生成器 到 promise+async
本文主要讲解js中关于生成器的相关概念和作用,以及到后面结合 promise 实现 es7中的 async 原理,你将学习到js中异步流程控制相关知识 1、认识生成器思考如下代码:javascript let x 1 function foo() x++ bar() console.log(x) // 3 function bar(
Cocos Creator3.x中使用AES加密解密
Cocos Creator升级3x版本之后就不再支持js了,直接装包cryptojs会报错,require 函数在ts里面 根本就不能识别,但是我们项目中需要用到js的包来实现AES加密解密,尝试了多种方法终于修成正果 使用方法import CryptoJS from "cryptojs.min.js";const aseKey "12345678"