小小的认识一下onclick事件

最新推荐文章于 2023-04-21 16:43:44 发布
转载 最新推荐文章于 2023-04-21 16:43:44 发布 · 54 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/fzh312/p/3540196.html

本文探讨了在JavaScript中实现右键菜单时遇到的问题及解决办法。作者在使用onclick事件时发现e.button属性缺失，导致右键功能无法正常触发。通过分析onclick事件的工作原理，揭示了兼容性问题所在。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天写一个很简单的JS右键事件，弄了大半天，后来发现原因就是onclick(function(e){})事件中e参数没有包括e.button这个属性.

onclick=onmousedonw+onmouseup;

但是后者两给都兼容的e.button前者却没有，推论是onclick是默认的已经是e.button=1;

第一次发帖，不懂写写什么，就写写自己本来的疑惑和不懂。希望看到此贴者能给予帮组.

转载于:https://www.cnblogs.com/fzh312/p/3540196.html

【Python】重新认识一下吧：Hello World 你好：世界 | 计算机考研复试：是否发表过论文或获得过专利？能否谈谈相关情况？| 你为何要考研？
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
03-28 339
# 昵称:追光者♂ # 性别:帅哥 # 生日:1999-10-24 # 故乡:山东省——济宁市 # 目前学历:硕士研究生 # 开发时间: 2022/3/28/0028 10:38 print('Hello World！') 如果可以让我指定一个期限，我希望…是一万年。 ...
JS小Demo实战之通过获取文本框的输入值来改变div的类型
杨小事er的专栏
12-05 3441
新手从仿做一个angular.js的简单demo（可以通过改变文本输入框的value来改变div的class值）中得到的一些收获。
事件对象e 点击 事件对象内光标位置获取 键盘按下对应的编码 实时获取坐标原点 鼠标跟随
mx0102的博客
01-18 339
事件对象e 点击 事件对象内光标位置获取 键盘按下对应的编码 实时获取坐标原点 鼠标跟随
onclick点击事件
weixin_55288991的博客
03-03 4049
onclick事件会在对象被点击时发生（触发） 如可以先创建一个button按钮（可跟剧自己的需求设置）， 其中样式可根据自己的要求设置 我在此设置宽高各为100px； 然后button给其设置id为anniu； 然后创建一个新的JavaScript； 创建后先根据id获取元素 获取button元素后通过onclick事件为 可在{}内添加自己需要的效果，在这我给它一个alert警告语，即点击后弹跳出一个警告框内容为123； 通过点击button后 为此b...
2、简单的onclick点击事件
菜鸟技术员
01-09 3688
这篇文章讲的是简单的onclick点击事件，后面会有更详细与复杂的讲解与用法。 这个代码实现的效果就是一个简单的弹窗，点击一个按钮，弹出一个alert。看代码： <button onclick="alert('点击显示')">按钮名称</button> <!--按钮上有一个onclick，当按钮onclick时点击时操作的是alert，alert的内容为：点击显示。--> 完整的HTML代码： <!doctype html> <html.
input onclick事件_JavaScript学习笔记（十五）-- Event事件（上）
weixin_39598796的博客
12-01 1071
EVENT（上）之前我们简单的了解过一些事件，比如 onclick / onload / onscroll / ...今天开始，我们详细的学习一些 事件什么是事件一个事件由什么东西组成触发谁的事件：事件源触发什么事件：事件类型触发以后做什么：事件处理函数var 我们想要在点击 div 以后做什么事情，就把我们要做的事情写在事件处理函数里面var 当我们点击 div 的时候，就会执行事件处理函数内部...
网上商城项目总结报告
qq_47828983的博客
07-13 1万+
网上商城项目总结报告 1：掌握的知识 通过网上商城这个实战项目的开发，我不仅了解到了一个项目的业务逻辑，而且掌握了实现相关业务功能的方法。 通过这个实战项目，我第一次了解到了模块化开发项目的基础结构的搭建，以及项目文件的管理方式。 通过这个实战项目，我第一次运用老师封装的接口api文档实现了客户端服务器之间的交互知识。 通过合理运用老师封装的axios实例对象与方法，向服务器请求数据，然后渲染页面。 通过运用localStorage本地储存的相关知识，实现了页面之间的交互传值。 通过编写轮播图、导航栏等组
JavaScript—进阶篇
weixin_44595042的博客
03-10 2994
JavaScript—进阶（笔记）第1章 系好安全带,准备启航1-1 让你认识JS 简介： 做为WEB攻城师必备技术JavaScript，本课程从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。 课程须知： 您至少掌握HTML+CSS基础知识 学习内容： 通过JavaScript学习，掌握基本...
Android Activity界面转换的简单示例教程
在Android开发中，Activity是应用中的一个独立的屏幕，它包含用户与之交互的界面。...通过上述的详细说明，初学者能够对Android中Activity之间的转换有一个基础的认识，并理解在编写示例代码时所涉及的关键技术点。
js 事件 click onclick
qq_45219069的博客
09-30 1198
记录 click 和 onclick 混淆点 之前一直有点迷惑 onclick和click，今天看书可算搞清楚了，就记录一下吧 let div = document.getElementsByClassName('div')[0] div.onclick = function(e) { console.log('事件处理程序/事件侦听器') } setTimeout(() => { div.click() }, 3000);
js鼠标右键点击事件
热门推荐
胖胖的博客
10-22 2万+
方法一 首先取消右键的系统默认弹窗 document.oncontextmenu = function(e){ return false //或者 e.preventDefault() } 用onmouseup或者onmousedown代替点击事件 onclick事件无法用e.button判断鼠标左右键。 document.onmouseup = function(e){ if(e.butt...
原生JS中常用的鼠标事件有哪些？
m0_64439351的博客
04-21 1077
鼠标常用事件
JS基础—事件学习
weixin_44431280的博客
09-20 1760
在Web安全的学习过程中，了解JS事件的原理和不同类型的事件有助于我们学习和挖掘XSS，CSRF等前端漏洞，所以，学习JS事件是非常要必要的。
按键响应之OnClick属性
weixin_42900834的博客
10-06 537
1.在xml中设置按键OnClick绑定的函数 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingB
JS实现页面右键菜单
Web_boom的博客
06-01 8172
首先，实现右键菜单我们需要用到 事件,事件会在用户右击鼠标时触发。我们将其绑定到 上： 。然后，通过 方法阻止掉原有的右键菜单，为我们绑定上新的功能做好准备工作。 创建对应的菜单，并绑定上对应的功能函数： 当然，现在它还是固定的，不能移动。我们将菜单绝对定位，然后利用事件属性 获取触发点相对于页面的坐标，然后将坐标值动态赋给菜单的属性,就实现了菜单跟鼠标的触发点联动。 现在菜单虽然能跟鼠标联动了，但它现在还不能在默认情况下隐藏。怎么办？很简单，现在菜单是绝对定位的，我们只要在初始状态下将它移出视野即可：
onclick方法的使用
HenryXun的博客
11-19 1万+
onclick()是点击事件的方法，使用方式可以在html中直接使用，也可以在script中使用。 具体查看下面代码及演示效果：
onclick和click区别及传参方式
fn_2015的博客
07-01 3290
onclick是绑定事件 (告诉浏览器在鼠标点击的时候要做什么) click是触发事件 (模拟了鼠标点击操作) click 是方法； onclick是事件； 执行click就是模拟鼠标点击，同时会触发onclick事件。 $(document).ready(function(){ $(".title").click
addEventListener的click和onclick的区别
weixin_30339457的博客
09-12 535
前两节都和addEventListener的click有关，于是在想它与onclick有什么区别呢，自己调试了一下，网上也有相关资料 事件绑定 onclick绑定方式 优点：- 简洁- 处理事件的this关键字指向当前元素缺点：- 不能对事件捕获或事件冒泡进行控制，只能使用事件冒泡，无法切换成事件捕获- 一次只能对一个元素绑定一个事件处理程序，当使用window.onl...
input按钮onclick事件详解与示例
"这篇文章主要介绍了input按钮的onclick事件，提供了多个示例，涵盖了不同的功能，如执行Web浏览器操作、刷新页面、导入导出收藏夹、添加收藏、查看源代码等。" 在HTML中，`<input>`标签常用于创建用户交互的控件，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值