zoukankan      html  css  js  c++  java
  • javascript 事件

    每次在调用js代码时,总是会忘记一些事件,今天就将所有的时间记录下,以供查询:

    Abort---------------------------用户中断图像装载

    Blur----------------------------元素失去焦点

    Change------------------------元素内容发生改变,如文本域中的文本和选择框的状态

    Dragdrop----------------------浏览器外的物体被拖到浏览器中

    Error---------------------------元素装载发生错误

    Click---------------------------单击鼠标按钮或键盘右键

    Focus--------------------------元素得到焦点

    Keydown----------------------用户按下一个键

    Keypress----------------------用户按住一个键不放

    Keyup-------------------------用户将按下的键抬起

    Load---------------------------元素装载

    Mouseover--------------------鼠标指针移过元素上方

    Mousemove-------------------鼠标移动

    Mouseout---------------------鼠标指针从元素上方移开

    Mousedown------------------鼠标按钮按下

    Mouseup---------------------鼠标按钮抬起

    Move-------------------------帧或者窗体移动

    Reset------------------------表单内容复位

    Resize-----------------------元素大小属性发生改变

    Submit----------------------表单提交

    Select-----------------------元素内容发生改变,如文本域中的文本或者下拉框中的选项

    Unload----------------------元素卸载

    当某个是事件发生时,只要在上面列举的事件前面添加“on”即可;

    举例:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>Demo.html</title>
        
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            function test(){
                alert("这是Click事件");
            }
        </script>
      </head>
      
      <body>
        <input type = "button" name = "确认" onClick = "test()">
      </body>
    </html>
    希望多多交流,多多关注,共同成就梦想
  • 相关阅读:
    Centos 卸载openjdk
    Hadoop安装之Hive集成与mysql安装
    Hadoop安装-Spark Windows 环境 pycharm开发环境搭建
    Hadoop安装—Spark安装
    Hadoop安装-伪分布式
    Hadoop安装之JDK在Centos虚拟机中安装
    SQL server 数据库调用远程数据库存储过程的实现方法
    以梦为马,铸就美好人生
    kettle实战演练——批量解压有密码的rar文件,并生成xml文件
    Linux diff命令
  • 原文地址:https://www.cnblogs.com/shenliang123/p/2495167.html
Copyright © 2011-2022 走看看