首页 > 其他分享 >js事件

js事件

时间:2023-12-04 23:55:06浏览次数:34  
标签:鼠标 JavaScript 表单 文档 事件 js Events

JavaScript支持多种事件,事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件:

  1. 鼠标事件(Mouse Events):
    • click - 鼠标单击
    • dblclick - 鼠标双击
    • mousedown - 按下鼠标按钮
    • mouseup - 松开鼠标按钮
    • mousemove - 移动鼠标
    • mouseover - 鼠标移入
    • mouseout - 鼠标移出
  2. 键盘事件(Keyboard Events):
    • keydown - 键盘按下
    • keyup - 键盘释放
    • keypress - 键盘按下并释放
  3. 表单事件(Form Events):
    • submit - 提交表单
    • reset - 重置表单
    • change - 表单元素值改变
    • focus - 元素获得焦点
    • blur - 元素失去焦点
  4. 文档/窗口事件(Document/Window Events):
    • load - 文档或资源加载完成
    • unload - 文档卸载
    • resize - 窗口大小改变
    • scroll - 滚动
  5. 移动设备事件(Touch Events):
    • touchstart - 触摸开始
    • touchmove - 触摸移动
    • touchend - 触摸结束
  6. 事件委托(Event Delegation):
    • 通过将事件处理程序添加到父元素,从而利用事件冒泡机制,减少事件处理程序的数量。
  7. 自定义事件(Custom Events):
    • 使用 CustomEvent 构造函数可以创建和触发自定义事件。

这只是一些常见的事件类型,JavaScript支持更多事件。可以使用 addEventListener 方法来为元素添加事件监听器。例如:

let element = document.getElementById('myElement');

element.addEventListener('click', function() {
    // 处理点击事件的代码
});

通过监听这些事件,你可以在相应的时机执行特定的JavaScript代码

标签:鼠标,JavaScript,表单,文档,事件,js,Events
From: https://www.cnblogs.com/code3/p/17876324.html

相关文章

  • JS实现把内容复制到剪切板中
    其中弹出框是采用了Element-PLUS组件实现,你可以选择使用原生的alert去实现,或者不做提醒都可以,同时我加入了async进行异步,你也可以去掉async(记得同时去掉await),还可以不采用try进行错误处理(我怕一些浏览器不兼容?)/*** 把传入的值放入用于剪切板* data:需要放入剪切板的值*/con......
  • Python中execjs执行JS代码出现中文乱码
    1、乱码场景新建文件code.js,详情如下:functionfun(){return"我是fun函数";}在Python中执行此JS代码:1importexecjs23#读取js4withopen("code.js",encoding="utf8")asf:5jsCode=f.read()6print(jsCode)78#编辑......
  • Python 解析JSON实现主机管理
    JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,它以易于阅读和编写的文本形式表示数据。JSON是一种独立于编程语言的数据格式,因此在不同的编程语言中都有对应的解析器和生成器。JSON格式的设计目标是易于理解、支持复杂数据结构和具有良好的可扩展性。JSON数据是......
  • js 监听回车按键,keyCode已经废弃
    window.addEventListener("keydown",enterUp);//点击回车键登录constenterUp=(e:any)=>{console.log("inenterup:",e);if(e.keyCode==13||e.keyCode==100){submitForm();}};监听回车,为什么keycode会自增使用了keyCode属性来获取按键的键码,但是需要注意......
  • js jquery 调用摄像头拍照及扫描二维码
     很好用的一个js库:https://github.com/mebjas/html5-qrcodedemo: https://scanapp.org/demo: https://blog.minhazav.dev/research/html5-qrcode vue项目推荐用这个:https://zhuanlan.zhihu.com/p/430917773demo: https://dragonir.github.io/h5-scan-qrcode......
  • quickjs加载字节码文件
    一、使用qjsc编译字节码hello.js console.log("HelloWorld") qjsc.exe-chello.js1constuint32_tqjsc_hello_size=78;23constuint8_tqjsc_hello[78]={40x02,0x04,0x0e,0x63,0x6f,0x6e,0x73,0x6f,50x6c,0x65,0x06,0x6c,0x6f,......
  • js自动播放【轮播图】
    demo<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>AutoCarousel</tit......
  • MySQL选择题(四) 事件/触发器
    单选在MySQL中,关于触发器,以下说法正确的是:a.可以对临时表创建触发器b.对INFORMATION_SCHEMA或performance_schema中的表,可以创建触发器c.对于InnoDB表,即使触发器中的语句执行失败,当在触发操作是执行后执行语句时,作为触发条件的SQL也会成功执行。d.对于同一个表,可以定义......
  • daemon.json完整配置
    2023-12-04ubuntu安装好docker后,Docker配置文件默认在/etc/docker/daemon.json修改配置文件/etc/docker/daemon.json,进入/etc/docker目录。查看是否有daemon.json文件,没有则执行如下命令创建。touchdaemon.json刚开始文件是空的,添加文件内容配置如下:{"registry-mirrors......
  • js获取时间戳转化成日期格式的直接使用和封装
     一、在页面中直接使用1. 通过模板字符串使用:{{times}}2. 定义变量存放时间:data(){return{times:"",};},3. 在mounted()方法里调用:mounted(){constdate=newDate();constY=date.getFullYear();constM=date.getMonth()+1<10?"0"......