js--事件都有哪些

这篇具有很好参考价值的文章主要介绍了js--事件都有哪些。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、鼠标事件🚩

事件名—描述 事件具体作用描述
onclick—点击 鼠标点击事件,当鼠标左键点击时候会触发。
ondbclick—双击 当鼠标双击时候会触发,并有一个时间间隔,但不能太大。
onmousedown—按下 鼠标按下事件,当鼠标左中右键按下的时候触发。
onmouseup—抬起 鼠标抬起事件,当鼠标左中右键抬起时候触发。
onmousemove—移动 鼠标移动事件,当鼠标移动到目标元素上就会触发 。
onmouseover—移入 鼠标移入事件,当鼠标移入到目标元素上就会触发 。
onmouseout—移出 鼠标移出事件,当鼠标从目标元素上移开的时候就会触发。
onmouseenter—移入 鼠标移入事件,当鼠标移入到元素身上就会触发 。
onmouseleave—移出 鼠标移出事件,当鼠标从元素身上移出的时候触发 。
Tip:onmouseover / onmouseout 与 onmouseenter / onmouseleave区别:
事件名—描述 事件具体作用描述
onmouseover / onmouseout 事件 目标元素如果有子级元素的话,它会把事件传递给子集元素,(父亲有的东西,儿子也有) ,支持冒泡。
onmouseenter / onmouseleave 事件 目标元素如果有子集元素,事件不会被传递给子集元素,(父亲的东西就是父亲的,不归儿子所有) ,不支持冒泡。

二、键盘事件

事件名—描述 事件具体作用描述
onkeydown—按下 当键盘按下去的时候会触发,如果键盘没有抬起来,那这个事件会一直触发。
onkeyup—抬起 当键盘按钮抬起来的时候触发。
onkeypress—按键 当键盘按下数字键或字母键可以触发,功能键除外(上下左右、ctrl、shift、alt)。

三、表单事件

事件名—描述 事件具体作用描述
onfocus—触焦 当有焦点的元素获取到焦点时候触发(用tab键也会触发这个事件)。
onblur—失焦 当有焦点的元素失去焦点时候触发。
onchange— 当前元素失去焦点并且元素内容发生改变时触发此事件。
onreset— 当表单被重置时触发此事件。
onsubmit— 当表单被提交时触发此事件。
   支持onfocus的对象:button、checkbox、fileUpload、layer、frame、password、radio、reset、select、submit、text、textarea、window。

四、滚轮事件

onmousewheel(IE/Chrom):滚轮方向(event.wheelDelta)上:120;下:-120。

五、页面事件

<script>
 document.getElementById('demo').onclick=function () {
    alert('单击');
  }
</script>
<button ide="demo">单击显示弹框</button>
在上述代码中,第2行代码利用getElementByldO获取id为demo的元素,并为其添加击”弹框;第6行代码定义了一个用于单击的按钮。当用户单击按钮时,页面就会弹出一个提示框。​

文章来源地址https://www.toymoban.com/news/detail-530406.html

到了这里,关于js--事件都有哪些的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 学习Node.js需要哪些JavaScript知识

    Lexical Structure ( 词法 ) JavaScript 的词法(lexical grammar)。ECMAScript 源码文本会被从左到右扫描 ,并被转换为一系列的输入元素,包括 token、控制符、行终止符、注释和空白符。ECMAScript 定义了一些、字面量以及行尾分号补全的规则。 Expressions ( 表达式 ) JavaScript 中的

    2024年02月03日
    浏览(36)
  • JS javascript 点击鼠标 鼠标事件 获取元素 获取元素Xpath

    js代码,鼠标在页面点击时,记录元素的Xpath 代码:  

    2024年02月15日
    浏览(39)
  • [前端开发] 常见的 HTML CSS JavaScript 事件

    代码示例指路 常见的 HTML、CSS、JavaScript 事件代码示例 在 Web 开发中,事件是用户与网页交互的重要方式之一。通过事件,用户可以与页面元素进行交互,触发相应的功能或效果。本文将介绍常见的 HTML、CSS、JavaScript 事件,以及事件对象和事件代理的概念。 鼠标事件 鼠标事

    2024年02月19日
    浏览(48)
  • 谈一谈浏览器与Node.js中的JavaScript事件循环,宏任务与微任务机制

    JavaScript是一个单线程非阻塞的脚本语言。这代表代码是执行在一个主线程上面的。但是JavaScript中有很多耗时的异步操作,例如AJAX,setTimeout等等;也有很多事件,例如用户触发的点击事件,鼠标事件等等。这些异步操作并不会阻塞我们代码的执行。例如: 可以看到,上述代

    2024年02月12日
    浏览(44)
  • 前端开发:JS中常用事件汇总

    在前端开发中,关于事件相关的操作是非常常见的操作,尤其是实际业务场景中涉及复杂交互的需求。在JS中比较常用的事件有很多,而且涉及不同方式不同类型的点击事件,一般情况下事件会和函数结合使用,这就是事件和函数不分家的原因,即通过发生的事件来驱动函数

    2024年02月14日
    浏览(52)
  • 文档管理是什么?都有哪些?

    很多做服务端开发的同学,基本都用Postman来测试接口,虽然Postman能支撑日常工作,但是总感觉还是少了点什么,比如需要Swagger来维护接口文档,需要手动发送接口变更通知。而今天给大家介绍一款国产化接口管理工具eolink,它究竟是何方神圣?Eolink和Postman相比到底怎么样?

    2024年02月02日
    浏览(58)
  • MySQL中都有哪些锁?

    在计算机系统中,锁( Lock )是一种同步机制,用于控制对共享资源的访问。它确保在任何给定时间内只有一个线程能够访问受保护的共享资源,从而避免了由并发访问导致的数据竞争和不一致问题。 同样,在数据库系统中,锁也扮演着重要角色,是其与文件系统不同的关键

    2024年02月08日
    浏览(73)
  • 常见测试技术都有哪些?

    测试技术是用于评估系统或组件的方法,目的是发现它是否满足给定的要求。系统测试有助于识别缺口、错误,或与实际需求不同的任何类型的缺失需求。测试技术是测试团队根据给定的需求评估已开发软件所使用的最佳实践。这些技术可以确保产品或软件的整体质量,包括

    2024年02月02日
    浏览(33)
  • java 中都有哪些引用类型?

    Java中 默认声明的就是强引用 ,比如: 只要 强引用存在,垃圾回收器将永远不会回收被引用的对象 。如果 想被回收 ,可以将对象置为 null ; 在内存足够的时候,软引用不会被回收,只有在内存不足时,系统才会回收软引用对象,如果回收了软引用对象之后仍然没有足够的

    2023年04月26日
    浏览(51)
  • 头条Android高级开发岗二面:按下手机的-Home-键,有哪些动作和事件发生?

    void InputManager::initialize() { mReaderThread = new InputReaderThread(mReader); mDispatcherThread = new InputDispatcherThread(mDispatcher); } 我们可以看到,在 InputManager 里准备好了 mReader、mDispatcher,以及相关的两个线程,那么接下来当然就是把线程跑起来,好去读事件和分发事件。 启动事件读取和分发线

    2024年04月11日
    浏览(61)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包