首页 > 其他分享 >js触发事件备忘

js触发事件备忘

时间:2023-09-21 14:02:44浏览次数:34  
标签:触发 浏览器 鼠标 对象 js 事件 备忘 页面


一般事件
事件 浏览器支持 描述
onClick :  鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick :  鼠标双击事件
onMouseDown :  鼠标上的按钮被按下了
onMouseUp :  鼠标按下后,松开时激发的事件
onMouseOver :  当鼠标移动到某对象范围的上方时触发的事件
onMouseMove :  鼠标移动时触发的事件
onMouseOut :  当鼠标离开某对象范围时触发的事件
onKeyPress :  当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown :  当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp :  当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

页面相关事件
事件 浏览器支持 描述
onAbort :  图片在下载时被用户中断
onBeforeUnload :  当前页面的内容将要被改变时触发的事件
onError :  捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoad :  页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove :  浏览器的窗口被移动时触发的事件
onResize :  当浏览器的窗口大小被改变时触发的事件
onScroll :  浏览器的滚动条位置发生变化时触发的事件
onStop : 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload :  当前页面将被改变时触发的事件

表单相关事件
事件 浏览器支持 描述
onBlur :  当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange :  当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus :  当某个元素获得焦点时触发的事件
onReset :  当表单中RESET的属性被激发时触发的事件
onSubmit :  一个表单被递交时触发的事件

滚动字幕事件
事件 浏览器支持 描述
onBounce :  在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish :  当Marquee元素完成需要显示的内容后触发的事件
onStart :  当Marquee元素开始显示内容时触发的事件

编辑事件
事件 浏览器支持 描述
onBeforeCopy :  当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut :  当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus : 当前元素将要进入编辑状态
onBeforePaste :  内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate :  当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu : 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu=return false就可禁止使用鼠标右键了]
onCopy :  当页面当前的被选择内容被复制后触发的事件
onCut :  当页面当前的被选择内容被剪切时触发的事件
onDrag :  当某个对象被拖动时触发的事件 [活动事件]
onDragDrop :  一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd :  当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnter :  当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave :  当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver :  当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart :  当某对象将被拖动时触发的事件
onDrop :  在一个拖动过程中,释放鼠标键时触发的事件
onLoseCapture :  当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste :  当内容被粘贴时触发的事件
onSelect :  当文本内容被选择时的事件
onSelectStart :  当文本内容选择将开始发生时触发的事件

数据绑定
事件 浏览器支持 描述
onAfterUpdate : 当数据完成由数据源到对象的传送时触发的事件
onCellChange : 当数据来源发生变化时
onDataAvailable : 当数据接收完成时触发事件
onDatasetChanged : 数据在数据源发生变化时触发的事件
onDatasetComplete : 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate : 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnter : 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit : 当前数据源的数据将要发生变化时触发的事件
onRowsDelete : 当前数据记录将被删除时触发的事件
onRowsInserted : 当前数据源将要插入新数据记录时触发的事件

外部事件
事件 浏览器支持 描述
onAfterPrint : 当文档被打印后触发的事件
onBeforePrint : 当文档即将打印时触发的事件
onFilterChange : 当某个对象的滤镜效果发生变化时触发的事件
onHelp : 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange : 当对象的属性之一发生变化时触发的事件
onReadyStateChange : 当对象的初始化属性值发生变化时触发

标签:触发,浏览器,鼠标,对象,js,事件,备忘,页面
From: https://blog.51cto.com/u_16255870/7553482

相关文章

  • web开发:详细讲解jsp的内置对象
    1.request对象   客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求,然后做出响应。它是HttpServletRequest类的实例。序号方法说明1objectgetAttribute(Stringname)返回指定属性的属性值2EnumerationgetAttributeNames()返回所有可用属性名的......
  • js 应用点滴
    [web编程]document对象详解document文挡对象-JavaScript脚本语言描述---------------------------------------------------------------------注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写   否则会提......
  • js select 应用
    js 代码//1.判断select选项中是否存在Value="paraValue"的ItemfunctionjsSelectIsExitItem(objSelect,objItemValue){varisExit=false;for(vari=0;i<objSelect.options.length;i++){if(objSelect.o......
  • oracle 内置函数备忘录
    这两天在写oracle包,蛮大的一个,为了方便查找,就丢上来个。黄色是经常用到的,顺便看看对大家有没有帮助。  SQL中的单记录函数1.ASCII返回与指定的字符对应的十进制数;SQL>selectascii('A')A,ascii('a')a,ascii('0')zero,ascii('')spacefromdual;       A    ......
  • sql语句备忘(dba)
    user_tab_comments;表注释   user_col_comments;表字段注释   以上两个只能获取自己用户的表的注释信息,如果要访问自己能够访问的其他用户的表,则需要使用:   all_tab_comments;表注释   all_col_comments;表字段注释   当然,如果有DBA权限,则可以使用   dba_tab_co......
  • js语法备忘
    一.js的数据类型和变量JavaScript有六种数据类型。主要的类型有number、string、object以及Boolean类型,其他两种类型为null和undefined。String字符串类型:字符串是用单引号或双引号来说明的。(使用单引号来输入包含引号的字符串。)如:“Thecowjumpedoverthemoon......
  • NoodJs-Linux 环境下部署
    1、nodejs官网下载压缩包(选择合适自己系统的版本),放到Linux的安装目录下。下载|Node.js(nodejs.org)2、使用命令解压下载的nodejs压缩包:tar-xvfnode-v10.8.0-linux-x64.tar.xz3、重命名文件:mvnode-v10.8.0-linux-x64node4.设置环境变量: vim/etc/profile 在文件......
  • nodejs+vue+element-ui安装
    1.nodejs安装https://www.runoob.com/nodejs/nodejs-install-setup.html2.vue安装nodejs安装以后,使用vue会报错:‘vue‘不是内部或外部命令,也不是可运行的程序解决办法:https://developer.aliyun.com/article/1093401配置vue的环境变量:查看到prefix的值以后,分别......
  • 【js】数组的几个常用方法
    filter、map、forEachfilterfilter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:filter()不会对空数组进行检测。注意:filter()不会改变原始数组。语法:array.filter(function(currentValue,index,arr),thisValue)参数说明......
  • Arcgis 与 Pixi.js 可视化 glsl 特效篇(十八)
    这次我们用pixi.js和arcgisjs结合我们先定义一下传入数据结构symbol暂时不做let option={renderer:{type:"simple",symbol:{}},data:[{geometry:[12956152.73135875,4855356.473704897],attributes:{name:"北京"}},{geometry:[12697872.01278319......