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文件,但是这次涉及 ...
随机推荐
- 将mysql数据库数据以Excel文件的形式导出
最近在工作中,领导让从数据库中导出一些数据并存放到Excel表格中,网上有许多教程,下面是我总结的其中俩种方法. 从数据库管理工具中导出(navicat) 在navicat导出数据导Excel中还是比 ...
- Java 时间类
1.System 类 2.Date 类 3.SimpleDateFormate 类 4.Calendar 类 1.System 类 得到当前的时间值.System 类不能被实例化,需要通过它的静态方法 ...
- python库pandas
由于在机器学习中经常以矩阵的方式来表现数据,那么我们就需要一种数据结构来存储和处理矩阵.pandas库就是这样一个工具. 本文档是一个学习笔记,记录一些常用的命令,原文:http://www.cnbl ...
- activiti源代码的细节
由于activiti-explorer-5.14的web演示程序使用的是vaadin服务器端ui组件,程序关键点找起来还是有些麻烦,vaadin的这种web框架,就是不需要专门美术界面人员,只需要程序 ...
- ORACLE 归档日志打开关闭方法
一 设置为归档方式 1 sql> archive log list; #查看是不是归档方式 2 sql> alter system set log_archive_start=true ...
- Check Kernel version of J2EE Engine
1912674 - How to check kernel version of an AS Java Two types of the kernel are in SAP NetWeaver Jav ...
- tkinter简单打开网址 + 执行系统命令
from tkinter import * import webbrowser root = Tk() text = Text(root,width=30,height = 5) text.pack( ...
- 3.Appnium的安装
Appnium:移动端的自动测试话工具,类似selenium,可利用其驱动手机端去模拟点击.滑动.输入操作. 下载地址:https://github.com/appium/appium-desktop ...
- 以虎嗅网4W+文章的文本挖掘为例,展现数据分析的一整套流程
本文转自知乎 作者:苏格兰折耳喵 ----------------------------------------------------- 本文作者将结合自身经验,并以实际案例的形式进行呈现,涉及从 ...
- 01.VMware虚拟机上网络连接(network type)的三种模式--bridged、host-only、NAT
VMWare提供了三种工作模式,它们是bridged(桥接模式).NAT(网络地址转换模式)和host-only(主机模式).要想在网络管理和维护中合理应用它们,你就应该先了解一下这三种工作模式. 1 ...