事件操作

最新推荐文章于 2022-05-30 21:06:10 发布
最新推荐文章于 2022-05-30 21:06:10 发布
阅读量284 收藏 3
点赞数 1
分类专栏： JavaScript 文章标签： PC端事件操作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huakaidaojia/article/details/80426585
版权

事件操作

onclick时存储事件处理函数,该click被称为click事件

鼠标事件

属性名意义
onclick鼠标点击事件
onmousemove鼠标移动时触发
onmouseover鼠标进入某个元素触发
onmouseout鼠标离开某个元素触发
onmouseenter鼠标进入某个元素触发
onmouseleave鼠标离开某个元素触发
oncontextmenu鼠标右键打开上下文菜单触发
ondblclick鼠标双击时触发
onmousedowm鼠标按下触发
onmouseup鼠标松开触发

键盘事件

属性名意义
onkeydown键盘按下触发
onkeyup键盘抬起触发
onkeypress键盘按下并松开触发

表单事件

属性名意义
onblur失去焦点触发
onfocus获取焦点触发
onfocusin即将获取焦点触发
onfocusout即将失去焦点触发
onchange表单元素内容被修改触发
oninput输入时触发
onreset重置时触发
onsearch搜索框输入内容时触发
onselect选取文本时触发
onsubmit表单提交时触发

剪贴板事件

属性名意义
oncopy复制时触发
oncut剪切时触发
onpaste粘贴时触发

拖拽事件

被拖拽的
属性名意义
ondragstart开始拖拽
ondrag拖拽中
ondragend结束拖拽
拖入的元素
属性名意义
ondragenter拖拽元素进入时触发
ondragover拖拽元素进入时持续触发
ondragleave拖拽元素离开触发
ondrop拖拽元素松开鼠标

如果想使用ondrop事件,需要阻止ondragover事件默认行为

网络事件

属性名意义
window.ononline网络畅通触发
window.onoffline网络断开触发
window.navigator.onLine检测有没有网络
属性名意义
oncopy复制时触发
oncut剪切时触发
onpaste粘贴时触发
Jack凯
关注
专栏目录
〖Python WEB 自动化测试实战篇⑦〗- 实战 - selenium的基本元素操作与键盘鼠标模拟事件操作
易编橙 · 终身成长社群，相遇已是上上签！
06-08 4万+
当我们定位到具体的一个元素的时候就可以对这个元素进行具体的操作，比如之前章节所执行的 "click" 操作。这是最简单的操作，"webdriver" 还有其他的操作。比如元素的基本操作（点击、输入、清除），还有一些高级操作如鼠标键盘模拟事件、弹出框处理、多页面切换等... 这些都是需要我们了解的内容，也是在做自动化测试的时候经常遇到的一些基本场景。今天这一章节，我们就先来学习一下元素的基本操作与鼠标键盘模拟事件的操作吧。......
DOM操作 （创建、增、删、改、查、属性操作、事件操作）
Mr_ZCheng的博客
10-14 5092
关于dom操作，我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。 1.创建 1.document.write 2.innerHTML 3.createElement 2.增加 1.appendChild 2.insertBefore 3.删除 1.removeChild 4.改 主要修改dom的元素属性，dom元素的内容、属性、表单的值等 1.修改元素属性：src、herf、title等 2.修改普通元素内容：innerHTML、innerTe
事件和样式操作及案例
WangZhang_521的博客
03-06 239
01-事件三要素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
事件操作（DOM）
小宝的博客
07-04 100
document document.write 是将内容写入内容流 ，但是文档流执行完毕，则他会导致页面全部重绘 innerHTML innerHTML 是将内容写入某个DOM节点 不会导致页面全部重绘 innerHTML 创建多个元素效率更加高（前提是不要拼接字符串，而是采用数组形式拼接），结构稍微复杂 createElement() 创建多个元素效率稍微低一点，但是结构清晰 传统方法注册事件 特点：唯一性，也就是只能添一个事件 btn.onclick = function(){
事件基本操作
m0_60649474的博客
09-13 243
1.注册事件（绑定事件） 传统注册方式：利用on开头的事件 特点：注册事件的唯一性 方法监听注册事件：addEventListener() 特点：注册事件依次执行 eventTarget.addEventListener(type,listener[,useCapture])将指定的监听器注册到eventTarget上，当该对象触发指定事件时，就会执行处理函数 type：要监听的事件类型 比如click 不带on listener：事件处...
Selenium 鼠标事件 操作大全
weixin_45598506的博客
08-05 3518
今天你学习了吗？ 一、导入鼠标事件 1.导入语句 想使用selenium中的鼠标事件，首先我们必须导入ActionChains包，需要注意的是包名称ActionChains两个单词首字母需要大写。 from selenium.webdriver.common.action_chains import ActionChains 二、鼠标常用事件 1.鼠标事件 proform() 调用ActionChains类方法时，不会立即执行，而是将所有操作都存放在一个队列里，当调用perform()方法时，队列里的操
js 多选框被选中触发的事件_JS实现select选中option触发事件操作示例
weixin_30336529的博客
12-29 4731
本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考，具体如下：我们在用到下拉列表框select时，需要对选中的选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里触发。想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件又在select中添加onclick 这下可好了,没选option呢...
Python之pygame学习键盘事件操作
巨基的博客
05-16 6858
什么是事件呢？按下键盘某个按键，鼠标移动，包括点击关闭按钮都可以算是事件操作。 pygame中事件模块是pygame.event，官方说法是用于与事件和队列进行交互。 不用学习太多，主要学习下常用即可； 之前我们就一直在用事件处理，那就是我们每次代码都带上的退出； for event in pygame.event.get(): if event.type == pygame.QUIT: pygame.quit() exit(0) 我们来说下键盘操作 e.
操作事件 1
weixin_44799698的博客
11-11 633
一.事件基础： 1.事件模型 事件：浏览器、window、document、HTML元素发生事情，浏览器封装事情信息，就是事件。 事件目标：引发事件的对象，就是事件源。 事件类型：每个事件都有相应的类型，比如：“click”、"load"等，是一个说明事 件类型的字符串。 事件处理器：JS中处理器和监听器是一回事。绑定到对象上，用来对事件进行 响应。一般为一个函数。 2.事件流 定义：页面触发一个...
事件操作方式
tianranran的博客
12-09 462
<!-- 操作事件 1. 属性事件 DOM0级 <div onclick="函数()">按钮</div> 2. 绑定事件 DOM2级 var divEle = document.querySelector('div') divEle.onclick = function(){
操作事件 2
weixin_44799698的博客
11-11 193
1.定义事件处理函数 1> 事件处理函数是一类特殊的函数，主要的目的是实现事件处 有事件触发进行调用 ，一般没有进行调用，一般没有明确的返回 值。 2>用户可以利用事件处理函数的返回值影响事件程序的执行。 3>自定义事件处理函数 解决了传统事件处理函数的覆盖问题、可读性问题、this传递问题 1 //添加时间函数 2 function addEvent(obj,type,fn)...
响应用户操作和事件
关注前端开发
08-23 206
响应用户操作和事件   事件：事件不是以"on"开头。例如，onclick不是事件，而click才是事件。onclick引用的是一个对象的属性，通过它可以为DOM元素指定一个click事件。知道这个差别非常重要，因为如果在DOM2级事件规范的方法中使用了on前缀，那你的脚本将不会运行。 事件侦听器：即当指定的事件发生时会执行的JavaScript函数或方法。侦听器有时也被称为“事件处理程序”...
jquery系列教程4-事件操作全解
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-05 2538
点击打开： jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动画操作全解 jquery系列教程6-ajax的应用全解 jquery系列教程7-自定义jquery插件全解 jquery系列教程8-jquery插件大全jquery中的事件操作全解：
DOM--事件操作
JJ_Smilewang的博客
05-30 1075
1. 事件基础 JavaScript可以让我们创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解事件就是： 触发--- 响应机制。 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，用户点击某按钮时产生一个事件，然后去执行某些操作。 1.1 事件三要素 ① 事件源 （谁） ② 事件类型 （什么事件） ③ 事件处理程序 （做啥事） 1.2 案例解析 <body> <button>点击</button>.
MFC 响应Delete按键按下的操作事件
YoungStar70的博客
12-12 4735
void CUMLApplication1View::OnKeyDown(UINT nChar, UINT nRepCnt, UINT nFlags) //相应Delete按键按下的的操作 { CView::OnKeyDown(nChar, nRepCnt, nFlags); if (nChar == VK_DELETE) { MessageBox(_T("Delete")); }
js事件操作方法
Zhang5373708的博客
07-14 551
js事件 事件是什么？ 事件可以是浏览器或用户做的某些事情。 事件总结 事件绑定有几种方法？ 标签事件绑 function print(){ 　　console.log('print'); } <button onclick="show()">点我</button> 使用属性名称绑定 <button id="btn">点我</button> <script type="text/javascript"> var btn=document.ge
总结：js中事件的5种使用方式
no_1back_up的博客
08-25 699
以下为onclick的使用技巧，全部经过个人验证，如要转载，请标明出处。 不限于onclick，所有事件都可以这样操作 事件如下： 第一种： 直接在标签中 οnclick="…"，里面写上修改标签属性的语句/输入输出语句 <button onclick="window.alert(window.prompt());this.innerText='9';this.style='background-color:red'">5</button> 开始 按下按钮 5，输入123
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值