淘先锋技术网

首页 1 2 3 4 5 6 7

事件:电脑输入设备与页面进行交互的响应

一、常见事件:

1、onload :
完成加载事件,页面加载完成之后,常用于做页面js代码初始化操作
2、onclick:
单击事件,常用于按钮的点击相应操作
3、onblur:
失去焦点事件,常用于输入框失去焦点,后验证其输入内容是否合法
4、onchange:
内容发生改变事件,常用于下拉列表和输入框内容发生改变后操作
5、onsubmit:
常用于表单提交前,验证表单项是否合法

二、事件注册(绑定):

告诉浏览器,当事件响应后要执行哪些操作代码。

静态事件注册: 通过html标签的事件属性直接赋于事件响应后的代码

动态事件注册: 先通过js代码得到对象的dom对象,然后通过
dom对象名.事件名=function(){}
动态注册基本步骤:
1、获取标签对象
2、标签对象.事件名=function(){}

例:

<script>
   //静态注册onclick事件
   function onclickFun(){
      alert("静态注册onclick事件");
    }
   //动态注册onclick事件
    window.onload=function () {
      //1、获取标签对象
      /*
       * document: javascript语言提供的一个对象(文档) 指的整个页面所有的内容
       * getElementById: 通过id属性获取标签对象
       */
      var btnObj=document.getElementById("btn01");
      //2、通过标签对象.事件名=function(){}
      btnObj.onclick=function () {
        alert("动态注册的onclick事件");
      }
    }
</script>
<body>
<!-- 静态注册onclick事件-->
<button onclick="onclickFun()">按钮1</button>
<!-- 动态注册onclick事件-->
<button id="btn01">按钮2</button>

</body>

单击按钮1:
在这里插入图片描述
单击按钮2:
在这里插入图片描述