javascript核心技术(二十四)事件类型(五)oncontextmenu oncopy

[复制链接]
查看: 1379|回复: 31
发表于 2023-1-24 19:48:42 | 显示全部楼层 | 阅读模式
oncontextmenu 是鼠标按下右键后,在右键菜单弹出前触发
oncopy 当复制内容时触发
请看以下代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<div id="d" style="width:200px;height:200px;border:1px solid red">
    父元素
    <div id="inner" style="width:100px;height:100px;border:1px solid gray">
    子元素
    </div>
</div>
<script type="text/javascript">
    var d = document.getElementById('d');//获取父元素
    //当点击右键时
    d.oncontextmenu = function(){
        console.log('oncontextmenu触发了');
        // return false;//不让菜单出来
    }
        
    // 当复制内容时
    d.oncopy = function(){
        console.log('oncopy触发了');
        return false;
    }
</script>
</body>
</html>

javascript核心技术(二十四)事件类型(五)oncontextmenu oncopy
以上,我们给父元素绑定了oncontextmenu和oncopy事件。
当鼠标在父元素或子元素内右击时会触发oncontextmenu事件,当我们在oncontextmenu事件函数内使用return false;时可以阻止右键菜单的弹出。
当鼠标在父元素或子元素内使用鼠标右键方式复制或ctrl+c方式复制时都会触发oncopy事件。

javascript核心技术(二十四)事件类型(五)oncontextmenu oncopy

大家可以自行测试一下,以加深印象。

易博软件介绍

0

主题

12

帖子

7

积分

营销入门

Rank: 2

积分
7
发表于 2023-2-16 15:01:14 | 显示全部楼层
看过了  依然经典~~
发表于 2023-3-1 23:00:29 | 显示全部楼层
哈好.

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-3-12 21:32:21 | 显示全部楼层
x想了许多

5

主题

215

帖子

115

积分

营销菜鸟

Rank: 3Rank: 3

积分
115
发表于 2023-3-23 04:11:26 | 显示全部楼层
^是南大小百合上的帖子,很早就看过了

0

主题

16

帖子

9

积分

营销入门

Rank: 2

积分
9
发表于 2023-3-28 07:04:38 | 显示全部楼层
忽然覺得自己好秒小 &gt;
发表于 2023-4-2 19:15:05 | 显示全部楼层
很有感悟 好文章
发表于 2023-4-8 02:31:17 | 显示全部楼层
^谢谢

0

主题

21

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-4-12 23:24:04 | 显示全部楼层
很感谢楼主的分享,都是很有意义经验  

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-4-17 13:28:13 | 显示全部楼层
啊,真的很受用  我也打算学习编程,看了这篇文章,我也跟作者有一些相同的看法。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|Archiver|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表