js的 onclick 和 onmousedown, onmousemove 的区别：

最新推荐文章于 2021-06-20 04:20:23 发布
最新推荐文章于 2021-06-20 04:20:23 发布
阅读量659 收藏
点赞数
文章标签： js 事件模块
原文链接：https://zhidao.baidu.com/question/522160824.html
版权

js的 onclick 和 onmousedown, onmousemove 的区别：

onclick (鼠标点击事件)：

他是鼠标 按下 并 松开 后执行的，要满足这个完整的过程，才能触发。

onmousedown (点击) ：

他是鼠标点击下的那个一刻触发的。

onmousemove (松开):

他是鼠标松开时，触发的。

记录一下，自己不知道的事物。

zxf_CN
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jquery事件机制扩展插件 jquery鼠标右键事件
12-09
因为最近技术长进缓慢，也没高手带，只能靠自己了，所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。 但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jquery插件的形式扩展，让这个方法可以直接使用$().rightClick();来使用。 jQuery的插件主要分3种类型 1.封装对象方法
js函数中onmousedown 和 onclick的区别和联系
一个执着的程序员
05-17 7670
这两个事件很常见。 了解这两个事件的区别，但是实际并没有使用到这两个事件的区别去做一些操作。 通常使用onclick的时候也可以使用onmousedown，使用onclick的时候更多一些。 今天碰到了非使用onmousedown不可的时候，故特此记录。 先说一下区别：onclick是在鼠标点击弹起之后触发的事件。onmousedown是在鼠标按下之后触发的事件。 简单的说onclick
onClick和onMouseDown的区别
Queen_zdd的博客
09-09 1808
onClick:是鼠标点击弹起后触发的的事件，即一次完整的鼠标点击过程。 onMouseDown:是指鼠标按下的瞬间触发的。 onMouseUp：在鼠标弹起的时候触发；有特殊情况，不管在哪里按下，只要弹起的时候在你目标区域上，就会触发。 即onClick=onMouseDown+onMouseUp
JS 事件类型之鼠标事件
qq_45560350的博客
08-28 1126
鼠标事件 1 . click 鼠标左键点击 = mousedown + mouseup 2 . mousedown 鼠标左/右键摁下 3 . mouseup 鼠标左/右键松开 document.onmousedown = function(e){ console.log('mousedown') } document.onclick = function(e){ console.log('click') } document.onmouseup = function(){ console.log
html鼠标点击和调用click,点击鼠标和主动调用click方法有什么不同，为什么有下面这种现象。...
weixin_42352080的博客
06-04 308
clickvar oBtn = document.getElementById('btn')oBtn.addEventListener('click', function () {Promise.resolve().then(() => console.log('微任务 1'))console.log('listener1')})oBtn.addEventListener('click', ...
javascript:onmouse事件大全
06-09
javascript:onmouse事件大全
JS的onclick点击 与 onmousemove鼠标事件
weixin_44543271的博客
02-02 3287
开发工具与关键技术：DW JS 作者：江金燕 撰写时间：2019、2、01 下面是我用JS弄的比较简单的关于星座图主要学习点击事件和鼠标事件 喜欢的可以试试 主要效果：就是你点击就会有关于各自星座性格的显示 当鼠标移过就会消失； 部分代码相同就显示一部分而已 注意事项 1、 注意ID的获取是否获取成功 另外注意ID是唯一的 编写JS代码ID要与HTML的 ID一致 2、 JS是否绑定成功...
JavaScript -- onmousedown 事件
Learning By Doing
05-01 2937
html文件 onMousedown capture Important source data that someone might want to look at.
html5 onmousedown,JavaScript onmousedown 事件：鼠标任何一个按键被按下
weixin_35252187的博客
06-20 512
JavaScript onmousedown 事件当鼠标按键(任何一个键)被按下时，会触发 onmousedown 事件，如下例子所示：在这个例子中，将鼠标放在图片上，当按下任何一个键时，就会弹出提示窗口：您点击了这幅图片！。您可以点击下面的图片试试：onmousedown 事件与 onClick 事件的区别onmousedown 事件与 onClick 事件在我们看来非常相似，其实 onClic...
onmouse常用事件js
09-07
onmouse常用事件js
javascript的事件描述
12-11
当元素获得焦点时执行） onkeydown： （按下某个按键时执行） onkeypress：（按下和释放某个按键时执行） onkeyup：（释放某个按键时执行） onload：（在body标签中使用，载入页面的时候执行） onmousedown：...
js使用小技巧
07-11
Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...
JS setCapture 区域外事件捕捉
12-01
不过setCapture不支持键盘事件, 只能捕获以下鼠标事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouseover和onmouseout。 程序中主要是要捕获onmousemove和onmouseup事件。 msdn的介绍中还说...
JavaScript基础教程第8版
06-12
书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie，并在上一版的基础上新增了两章，讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法，也深入探讨...
js中的eventType事件及其浏览器支持性介绍
12-10
一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按...
数据更新至2020年历年电力生产和消费弹性系数.xls
最新发布
05-05
数据来源：中国电力统计NJ-2021版
数据更新至2020年电力建设本年投资完成情况(设备工器具购置).xls
05-05
数据来源：中国电力统计NJ-2021版
词根单词 2.2.4 修改版.apk
05-04
词根单词 2.2.4 修改版.apk
毕业论文-基于JSP的个人通讯录管理系统设计与实现.docx
05-04
毕业论文-基于JSP的个人通讯录管理系统设计与实现.docx
完成一个界面，要有以下要素：(1)、局部变量、全局变量的定义和使用 (2)、for…in、switch…case、if语句 (3)、至少一个函数的定义和调用 (4)、DOM对象属性和方法（/表示至少选做其中一个）: 获得元素getElementById( )/ getElementByClassName( ) 对子节点的操作 appendChild(node)/removeChild(node)/replaceChild() 创建属性/元素/文本节点 createAttribute()/createElement()/createTextNode() 获得/设置属性getAttribute()/setAttribute() 属性innerHTML的使用 (5)、BOM对象属性和方法（/表示至少选做其中一个） 警告/确认/提示alert( )/confim( )/prompt( ) 定时器的使用setInterval( )/setTimeout( ) (6)、HTML5的全局方法 表单onchange/oninput onselect/onfocus/onblur 键盘onkeydown/onkeypress/onkeyup 鼠标onclick /ondblclick onmousedown/onmousemove/onmouseout /onmouseover/onmouseup 鼠标/键盘事件对象 client/client、screen/screenY、Location、 charCode/keyCode/which
06-02
好的，你的问题是如何完成一个界面，我会根据你提供的要素逐一回答。 1. 局部变量、全局变量的定义和使用： 在 JavaScript 中，可以使用 var、let 或 const 关键字来定义变量。使用 var 关键字定义的变量是全局的或函数作用域的，而使用 let 或 const 关键字定义的变量是块级作用域的。例如： ```javascript var globalVar = 'I am a global variable'; function foo() { var localVar = 'I am a local variable'; console.log(localVar); } foo(); console.log(globalVar); ``` 2. for…in、switch…case、if 语句： for…in 语句可以用来遍历对象的属性，switch…case 语句可以用来执行不同的代码块，if 语句可以用来根据条件执行不同的代码块。例如： ```javascript var obj = {a: 1, b: 2, c: 3}; for (var prop in obj) { console.log(prop + ': ' + obj[prop]); } var x = 2; switch (x) { case 1: console.log('x is 1'); break; case 2: console.log('x is 2'); break; default: console.log('x is neither 1 nor 2'); } var y = 3; if (y > 2) { console.log('y is greater than 2'); } else { console.log('y is less than or equal to 2'); } ``` 3. 至少一个函数的定义和调用： 在 JavaScript 中，可以使用 function 关键字来定义函数。函数可以接受参数，也可以返回值。例如： ```javascript function add(a, b) { return a + b; } console.log(add(1, 2)); ``` 4. DOM 对象属性和方法： DOM 是 Document Object Model 的缩写，它提供了一种访问 HTML 和 XML 文档的方式。可以使用 DOM 对象的属性和方法来操作 HTML 文档中的元素。例如： ```javascript // 获得元素 var elementById = document.getElementById('myId'); var elementByClassName = document.getElementsByClassName('myClass')[0]; // 对子节点的操作 var newNode = document.createElement('li'); var textNode = document.createTextNode('This is a new node'); newNode.appendChild(textNode); elementById.appendChild(newNode); elementById.removeChild(newNode); // 创建属性/元素/文本节点 var newAttr = document.createAttribute('id'); newAttr.value = 'newId'; elementById.setAttributeNode(newAttr); var newElement = document.createElement('div'); elementById.appendChild(newElement); var newText = document.createTextNode('This is a new text node'); elementById.appendChild(newText); // 获得/设置属性 var attrValue = elementById.getAttribute('id'); elementById.setAttribute('class', 'newClass'); elementById.innerHTML = '<h1>Hello world!</h1>'; ``` 5. BOM 对象属性和方法： BOM 是 Browser Object Model 的缩写，它提供了一种访问浏览器窗口和文档的方式。可以使用 BOM 对象的属性和方法来弹出警告框、确认框和提示框，也可以使用定时器来执行一些操作。例如： ```javascript // 警告/确认/提示框 alert('This is an alert message'); var result = confirm('Are you sure?'); var name = prompt('What is your name?'); // 定时器 var intervalId = setInterval(function() { console.log('This message will be printed every 5 seconds'); }, 5000); setTimeout(function() { clearInterval(intervalId); }, 30000); ``` 6. HTML5 的全局方法： HTML5 提供了一些全局方法，可以用来处理表单事件、键盘事件和鼠标事件。例如： ```javascript // 表单事件 var formElement = document.getElementById('myForm'); formElement.onchange = function() { console.log('The form has been changed'); }; formElement.oninput = function() { console.log('The form input has been changed'); }; // 键盘事件 document.onkeydown = function(event) { console.log('The key code is ' + event.keyCode); }; document.onkeypress = function(event) { console.log('The char code is ' + event.charCode); }; document.onkeyup = function(event) { console.log('The key which is released is ' + event.which); }; // 鼠标事件 var element = document.getElementById('myElement'); element.onclick = function() { console.log('The element has been clicked'); }; element.ondblclick = function() { console.log('The element has been double clicked'); }; element.onmousedown = function() { console.log('The mouse button has been pressed down'); }; element.onmousemove = function() { console.log('The mouse has been moved over the element'); }; element.onmouseout = function() { console.log('The mouse has left the element'); }; element.onmouseover = function() { console.log('The mouse has entered the element'); }; element.onmouseup = function() { console.log('The mouse button has been released'); }; ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值