Event对象：Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件标签属性

当以下情况发生时，出现此事件

onabort

图像加载被中断

onchange

用户改变域的内容

onclick

鼠标点击某个对象

ondblclick

鼠标双击某个对象

onerror

当加载文档或图像时发生某个错误

onfocus、onblur

元素获得焦点、失去焦点时触发

onkeydown、onkeyup

某个键盘的键被按下、被松开时触发

onkeypress

某个键盘的键被按下或按住

onload、 onunload

某个页面或图像被完成“加载”、用户退出页面

onmousedown、onmouseup

某个鼠标按键被按下、被松开时触发

onmousemove

鼠标被移动

onmouseout

鼠标从某元素移开

onmouseover

鼠标被移到某元素之上

onresize

窗口或框架被调整尺寸

onselect

文本被选定

onsubmit、onreset

提交按钮、重置按钮被点击

 
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

        <script>

            function test(){

                console.log("李银霞");

            }

        </script>

    </head>

    <body>

        <!--

            1：onchange=" "事件

        -->

        <select onchange="test()">

            <option value="1">一年级</option>

            <option value="2">二年级</option>

            <option value="3">三年级</option>

        </select>

        <!--

            2：onclick=" "点击事件

        -->

        <input type="submit" onclick="test()"/>

        <!--

            3:onfocus=" "获取焦点事件

        -->

        <input onfocus="test()" />

        <!--

            4：onblur=" "失去焦点事件

        -->

        <textarea onblur="test()"></textarea>

        <!--

            5:onkeydown=""键盘的某个键被按下时触发的事件

        -->

        <input onkeydown="test()" />

        <!--

            6:onkeyup=""键盘的某个键被松开时触发的事件

        -->

        <textarea onkeyup="test()"></textarea>

        <br />

        <!--

            作者：1767757232@qq.com

            时间：2018-08-21

            描述：

        -->

        <input onkeypress="test" />

        <!--

            8:onmousedowm=""鼠标按下事件

        -->

        <div style="background: red;" onmousedown="test()">

            按钮

        </div>

        <!--

            9:onmouseup=""鼠标松开事件

        -->

        <div style="background: blue;" onmouseup="test()">

            按钮

        </div>

        <!--

            10：onmouseover=""鼠标划上去事件

        -->

        <div style="background: green;" onmouseover="test()">

            按钮

        </div>

        <!--

            11:onmouseout=""鼠标滑开事件

        -->

        <div style="background: purple;" onmouseout="test()">

            按钮

        </div>

        <!--

            12：onmousemove=""滑动鼠标事件

        -->

        <div style="background: black;" onmousemove="test()">

            按钮

        </div>

    </body>

</html>

javascript——常用事件总结的更多相关文章

  1. BOM之JavaScript常用事件

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  2. JavaScript常用事件

    一般事件 事件 浏览器支持 描述 onClick HTML: 2 | 3 | 3.2 | 4   Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 on ...

  3. JavaScript常用事件参考

      onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档 ...

  4. javascript常用事件及方法

    1.获取鼠标坐标,考虑滚动条拖动 var e = event || window.event; var scrollX = document.documentElement.scrollLeft || ...

  5. javascript之常用事件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. JavaScript基础之常用事件

    js 基础之常用事件 在js当中,事件是较为常用的内容,本篇文章来说一些常用的事件. 鼠标事件 下面是常用的鼠标事件: click 当用户按下并释放鼠标按键或其他方式"激活"元素时 ...

  7. Javascript中常用事件集合和事件使用方法

    Javascript中常用事件集合和事件使用方法 一.事件绑定 格式: 事件源 . on事件类型=事件处理函数 事件绑定三要素 1.事件源:和谁绑定 2.事件类型:什么事件 3.事件处理函数:触发了要 ...

  8. javaScript入门之常用事件

    JS中的常用事件 onfocus/onblur:聚焦离焦事件,用于表单校验的时候比较合适. onclick/ondblclick:鼠标单击和双击事件 onkeydown/onkeypress:搜索引擎 ...

  9. jQuery $(document).ready()和JavaScript onload事件

    jQuery $(document).ready()和JavaScript onload事件 Why we need a right time? 对元素的操作和事件的绑定需要等待一个合适的时机,可以看 ...

随机推荐

  1. 51nod1423 最大二“货”

    [传送门] 单调栈其实就是个后缀$max/min$,这道题可以维护一个单调递减的单调栈,pop元素的时候,能pop掉的元素就是第二大,当前元素为第一大.遇到第一个不能pop掉的时候当前元素就是第二大, ...

  2. RedisTemplate在项目中的应用

    如下主要通去年无聊做的 "涂涂影院后台管理系统" 一个 demo,看 RedisTemplate 的使用. 体验地址:http://video.71xun.com:8080  账户 ...

  3. centos7.2（二）搭建lamp(Apache+PHP+Mysql环境)教程

    开始安装前,看说明. 说明0  查看服务器是否能被ssh登陆 http://tool.chinaz.com/port/ 如果显示关闭,说明被大陆封闭了,删除服务器重新建立一个. 说明1:Centos7 ...

  4. L3956棋盘

    1,记得之前要复习.上次先写的题是数的划分. 虽然我不想说,估计全忘了.复习就当把上次的题写了把. 应该比较稳了. 2,题中的要求. 一,所在的位置必须是有颜色的.(很明显要用bool去涂一遍) 二, ...

  5. php 常用操作数组函数

    我们有很多操作数组的元素,我们这一节先讲一些.在6.3里面我们会总结更多的数组常用函数.深圳dd马达 下面的几个主要是移动数组指针和压入弹出数组元素的和个函数. 函数 功能 array_shift 弹 ...

  6. 处理kubernetes 一些比较难删除的资源

    kubernetes 提供了force 的命令在我们删除资源的时候,但是很多时候还是不可以的 一般删除资源的处理 命令 kubectl delete <resource> <reso ...

  7. 51 NOD 1239 欧拉函数之和(杜教筛)

    1239 欧拉函数之和 基准时间限制:3 秒 空间限制:131072 KB 分值: 320 难度:7级算法题 收藏 关注 对正整数n,欧拉函数是小于或等于n的数中与n互质的数的数目.此函数以其首名研究 ...

  8. HTML5之图片在Retina屏的常用几种处理方式

    Media Queries使用css3的媒体查询实现高清屏的图片处理. @media only screen and (-webkit-min-device-pixel-ratio: 1.5), on ...

  9. UOJ46. 【清华集训2014】玄学 [线段树，二进制分组]

    UOJ 思路 模拟赛出了这题,结果我没学过二进制分组--一波主席树然后空间就爆炸了-- 用线段树维护时间序列,每个节点维护\(a_i\to x_i\times a_i+b_i,i\in [1,n]\) ...

  10. 设置多个className

    有时候我们需要有选择地设置多个className function myComponent(props) { const myClassName = { 'aaa', {'bbb': props.ne ...