全国服务热线:18271592020
资讯

关于长亭空间

超值服务提供卓越产品

   
  
  
新闻公告 News
   
JS 03事件
来源: | 作者:chang | 发布时间: 2019-05-05 | 424 | 分享到:

 

 1   2  3 function getUserInput() {  4 //获取用户输入的内容  5 var val = document.getElementById("userinput").value  6 //根据用户输入的内容播放相应的动画  7  playAnimate(val);  8  }  9 function playAnimate(str){ 10 if(str=="黑洞"){ 11 alert("播放反转的动画") 12 }else if(str=="反转"){ 13 alert("播放反转动画"); 14  } 15  } 16  17  18  19  20 21 

onclick单机事件

 1 //一个事件可以触发多个函数  2 function test1() {  3 //单击事件onclick:常用html标签是button标签、a标签、img标签  4 alert('nihao')  5  }  6 function test2() {  7 alert("世界");  8  }  9  10 点我测试2

 

 ondblick双击事件

1 //一个html元素可以绑定多个事件 2 function testDouble() { 3 //双击事件ondblclick:常用html标签是button标签、a标签、img标签 4 alert("我被双击了!") 5  } 6  7 

onfocus成为焦点,onblur失去焦点

    function testFocus() { //获取焦点事件onfocus:常用的HTML标签有 console.log("万众瞩目");
        }
  function testOnblur(){ //丢失焦点事件onblur: 常用的html标签有      console.log("无人问津")
    } 

onchange选中对象的值发生变化

       function testOnchange() { //html的value发生变化的事件:常用html标签有select    console.log("用户重新选择了城市")
          }
    

onload页面装载

function testOnload() { //页面加载事件:常用的html标签是body console.log("页面加载...")
} 

onmousemove鼠标移动


 function fj(eve) { var e = window.event || eve; var x = e.pageX || e.x; var y = e.pageY || e.y;
        console.log(x + "--" + y);
    } 

onmouseeout 出去

onmousewheel滑动滚轮

onkeydown按键盘

 


原文链接:https://www.cnblogs.com/aknife/p/10805141.html
如有疑问请与原作者联系

上一篇: JS 02 函数
下一篇: JS 04 Date......