js中基本事件的总结,onclick、onblur、onchange等
js中的基本事件总结:
特定的场景下发生的一个动作:事件;事件=函数(),事件发生会触发函数执行。
|
属性 |
当以下情况发生时,出现此事件 |
FF |
N |
IE |
|
onabort |
图像加载被中断 |
1 |
3 |
4 |
|
onblur |
元素失去焦点 |
1 |
2 |
3 |
|
onchange |
用户改变域的内容 |
1 |
2 |
3 |
|
onclick |
鼠标点击某个对象 |
1 |
2 |
3 |
|
ondblclick |
鼠标双击某个对象 |
1 |
4 |
4 |
|
onerror |
当加载文档或图像时发生某个错误 |
1 |
3 |
4 |
|
onfocus |
元素获得焦点 |
1 |
2 |
3 |
|
onkeydown |
某个键盘的键被按下 |
1 |
4 |
3 |
|
onkeypress |
某个键盘的键被按下或按住 |
1 |
4 |
3 |
|
onkeyup |
某个键盘的键被松开 |
1 |
4 |
3 |
|
onload |
某个页面或图像被完成加载 |
1 |
2 |
3 |
|
onmousedown |
某个鼠标按键被按下 |
1 |
4 |
4 |
|
onmousemove |
鼠标被移动 |
1 |
6 |
3 |
|
onmouseout |
鼠标从某元素移开 |
1 |
4 |
4 |
|
onmouseover |
鼠标被移到某元素之上 |
1 |
2 |
3 |
|
onmouseup |
某个鼠标按键被松开 |
1 |
4 |
4 |
|
onreset |
重置按钮被点击 |
1 |
3 |
4 |
|
onresize |
窗口或框架被调整尺寸 |
1 |
4 |
4 |
|
onselect |
文本被选定 |
1 |
2 |
3 |
|
onsubmit |
提交按钮被点击 |
1 |
2 |
3 |
|
onunload |
用户退出页面 |
1 |
2 |
3 |
js中基本事件的总结,onclick、onblur、onchange等的更多相关文章
- form表单的action提交写到js中来,同时onclick事件也写在js中来。其action也可以通过ajax来提交的。
1,html脚本 <body> <div style="display: none;"> <form id="submitForm" ...
- <asp:Button点击查询后,调用js中函数展现加载圈
<div> <div id='paneloading' style='display:none;position:fixed;top:0px;left:0px;z-index:999 ...
- 在js中拼接<a>标签,<a>标签中含有onclick事件,点击无法触发该事件
我们在<a>标签中添加事件一般是onclick="editUser()" 这样添加,在html页面上是行的通的 但是如何你是在js中拼接<a>标签并在< ...
- 在js中绑定onclick事件为什么不加括号,在html代码中必须要加?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js中同一个onclick绑定了两个js方法出现的问题
问题: js中如果同一个onclick绑定了两个js方法问题,即 <li onclick="f1(),f2()"></li> 两个方法f1,f2中都分别有一 ...
- 问题解决:在js中绑定onclick事件为什么不加括号,在html代码中必须要加?(转载)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JS中基本window.document对象操作以及常用事件!
一.找到元素 1.document.getELementById("id"):根据id找,最多找一个. var a=document.getELementById("id ...
- JS 学习笔记--JS中的事件对象基础
事件:JavaScript中的事件是由访问web页面用户的一系列操作引起的,比如点击鼠标,键盘按键等.当用户执行某些操作的时候再去执行一些代码. 事件模型:内联模型.脚本模型.DOM2模型 内联模型: ...
- js中常用属性备忘
. onsubmit一般用来做验证的,用来控制表单提交的. 之前使用数据提交基本上使用ajax做数据提交,在数据验证的时候,只有通过数据验证之后,才会post/get数据到对应api文件,但是这次涉及 ...
随机推荐
- TessorFlow学习 之 手写数字识别的搭建
手写数字识别的搭建
- 10.Appium驱动app报错
1.首先手机使用usb连接电脑端接受控制 2.打开appium,配置Desired Capabilities 参数: Appium驱动打开微信App 参数配置如下: start session 报错: ...
- 《锋利的JQuery》中的动画效果:
说实话,虽然这本书已经很老了,老到什么程度呢,这本书以JQuery1.9以前的版本写就的,toggle()方法的(func1,func2,...)这个切换事件的功能已经被删去了 但是这本书还是挺8错的 ...
- 看到的一个关于C++能力分级的描述
精通没有标准,但学习有路径. 我来说说 学习掌握C++的路径吧,从低到高,分0-10级: 0级:掌握常见C++语法和语言构造,能够顺溜地写清楚各种语言构造(很多小白鼠死在这里)1级:掌握基本的编程范式 ...
- 如何在notepad++实现代码自动化排版(调用Astyle)
我先介绍这个怎么在notepad++中调用原版的astyle的方法. 在notepad++:运行或是F5, 在输入框中选择astyle.exe所在的目录,什么你没有astyle,下载地址https:/ ...
- roadhog resolve alias 绝对路径 别名使用
新建 webpack.config.js 然后加入 如下代码 module.exports = (webpackConfig, env) => { // 别名配置 const data = we ...
- The Google File System——论文详解(转)
“Google文件存储系统(GFS)是构建在廉价服务器之上的大型分布式系统.它将服务器故障视为正常现象,通过软件方式自动容错,在保证系统可用性和可靠性同时,大大降低系统成本. GFS是Google整个 ...
- pbft流程深层分析和解释(转)
<1>pbft五阶段请求解释 Request pre-prepare prepare commit 执行并reply (1)pre-prepare阶段: 主节点收到客户端请求, ...
- 尚硅谷springboot学习6-eclipse创建springboot项目的三种方法(转)
方法一 安装STS插件 安装插件导向窗口完成后,在eclipse右下角将会出现安装插件的进度,等插件安装完成后重启eclipse生效 新建spring boot项目 项目启动 方法二 1.创建Mave ...
- 尚硅谷redis学习9-发布订阅
是什么? 图示说明 命令 例子