首页 > 其他分享 >JS_8_事件机制

JS_8_事件机制

时间:2023-01-14 20:11:28浏览次数:53  
标签:触发 鼠标 焦点 JS 键盘 事件 机制 双击

在页面内的规定行为触发函数的执行。

 


一、声明事件

给某个标签添加事件,配合定义好的函数使用。

格式:

  <标签名 事件名="函数1名;函数2名";..... >

例子:

——》

 

 

 


 

二、常见事件

单击事件:onclick,鼠标单击时触发。

双击事件:ondblclick,鼠标双击时触发。

鼠标事件:

  1、悬停:onmouseover,鼠标悬停时触发。

  2、移动:onmousemove,鼠标在其上移动时触发。

  3、移出:onmouseout,鼠标移出时触发。

键盘事件:

  1、按下:onkeydown,按下键盘任意值触发。

  2、弹起:onkeyup,松开键盘触发。

焦点事件:

  1、获取焦点:onfocus,获取焦点时候触发。

  2、失去焦点:onblur,失去焦点时候触发。

网页加载事件:

  onload,在网页加载完毕后触发。

 

标签:触发,鼠标,焦点,JS,键盘,事件,机制,双击
From: https://www.cnblogs.com/lurenjia-bky/p/17052468.html

相关文章

  • JS_7_常用方法和对象
    JS开发者提供的对象方法。  一、字符串操作常用操作:大小写转换、截取、查找。<!DOCTYPEhtml><html><head><metacharset="utf-8">......
  • 4.1内存的物理机制很简单
    1.有十个地址信号引脚的内存IC(集成电路)可以指定的地址范围是多少?答:用二进制数来表示的话是0000000000~1111111111(用十进制数来表示的话是0~1023)2.高级编程语言中的数......
  • js常用库
    操作时间moment.jsDay.js(轻量级)处理URLqs.js操作cookie1.js-cookie.js处理数组、对象、字符串Lodash调试移动端Vconsole......
  • XML及JSON扩展方法,方便快速解析
    #regionXML扩展方法///<summary>///从xml节点中获取指定属性的数据,如果不存在该属性则返回默认值///</summary>///<typeparamname="T">xml数据的数据类型</type......
  • 20 个 JS 工具函数助力高效开发
    日常开发中,面对各种不同的需求,我们经常会用到以前开发过的一些工具函数,把这些工具函数收集起来,将大大提高我们的开发效率。1、校验数据类型export const typeOf = fu......
  • Centos7.6安装nodejs
    1.直接yuminstallnodejs安装后没有npm,搜索后说时要先执行curl--silent--locationhttps://rpm.nodesource.com/setup_10.x|bash-,再进行yuminstall,因内网环境就放......
  • vue.js客服系统实时聊天项目开发(三)实现对话框聊天界面
    接上面两篇继续,我来实现下对话框聊天界面,效果如下图:  全部代码:<template><divclass="chatAppBody"><divclass="chatTitle">标题</div><di......
  • luckysheet导出excel表格(使用exceljs,支持图片)
    一.技术exceljs;luckysheet参考文档:使用exceljs导出luckysheet表格_csdn_lsy的博客-CSDN博客_luckysheet导出;            https://github.c......
  • 两大js调试工具的安装
    首先要确保已经安装nodejs,具体安装步骤可以百度。node-inspect工具的安装和使用对于node-inspect工具我们可以全局安装:npminstallnode-inspect-g由于安装过cnpm,所以几乎......
  • Cesium 与 Babylon.js 可视化 给房子上贴图
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe......