zoukankan      html  css  js  c++  java
  • JavaScript常用事件

        

    1. 什么是事件
    通常鼠标或热键的动作我们称之为 事件(Event),而由鼠标或热键引发的一连串程序的动作,称之为 事件驱动。对事件进行处理程序或函数,我们称之为 事件处理程序。

    2.常用事件

    1.onclick 单击
    2.ondblclick 双击
    3.onfocus 元素获得焦点
    4.onblur 元素失去焦点
    5.onmouseover 鼠标移到某元素之上
    6.onmouseout 鼠标从某元素移开
    7.onmousedown 鼠标按钮被按下
    8.onmouseup 鼠标按键被松开
    9.onkeydown 某个键盘按键被按下
    10.onkeyup 某个键盘按键被松开
    11.onkeypress 某个键盘按键被按下并松开

    3.示例:

      <body>
      <div class="box" onmouseover="good()" onmouseout="out()">
      </div>
      <div class="down_up" onmousedown="down(this)" onmouseup="up(this)">
      </div>

      <input type="text" name="sdsad" value="焦点事件" onfocus="fouces(this)" onblur="b(this)">
      <script type="text/javascript">
      var inp = document.getElementsByTagName("input")[0];
      var box = document.getElementsByClassName("box")[0];
      function good(){ // 鼠标移入
      box.innerHTML = "good";
      }
      function out(){ // 鼠标移出
      box.innerHTML = "you have moved out";
      }
      function down(obj){ //鼠标按下
      obj.style.backgroundColor="green";
      obj.innerHTML = "green";
      }
      function up(obj){ // 鼠标抬起
      obj.style.backgroundColor="#999";
      obj.innerHTML = "glup";
      }
      function fouces(obj){ // 有焦点
      obj.value = "input cannot be empey";
      }
      function b(obj){ // 失去焦点
      inp.value = "";
      }
    </script>
    </body>

     

  • 相关阅读:
    在 ASP.NET 2.0 中上载文件
    ASP.NET(C#)FileUpload实现上传限定类型和大小的文件到服务器<from Copying>
    aspnetupload 上传组件在VS2008中使用详细说明
    基于asp.net 的文件上传和下载~~~转
    设置竖直的分割符【使用div】 (根据屏幕的大小自适应)
    分隔线
    UGUI事件系统
    U3D音频系统
    Unity启动事件-监听:InitializeOnLoad
    VS生成桌面应用程序
  • 原文地址:https://www.cnblogs.com/langzianan/p/9371323.html
Copyright © 2011-2022 走看看