zoukankan      html  css  js  c++  java
  • js 事件基础

    HTML事件

    语法:<tag 事件="要执行的脚本">

    例子:<input type="text"  onclick="style.backgroundColor='red'">

    功能:在html元素里面绑定事件 

    说明 执行脚本可以是一个函数的调用

    onload:页面加载时触发    当我们的js调用写在头部的时候  会先加载js  这样如果我们下面html元素将不会执行我们所设置的js变量  

    语法 在函数调用的前面加上 window.onload=function(){}

    onchange 域的内容发生改变  只适用于下拉菜单select 和文本框textarea 

    onfouce  获取焦点时候触发   只适用于input标签为text、password、textarea 标签才能实现

    onblur 失去焦点时和触发

    鼠标事件

    onclick 鼠标点击时触发

    onmousedowm 鼠标按在时触发

    onmouseup 在元素上松开鼠标时触发

    onmouseover 鼠标滑过时触发

    onmouseout 鼠标离开时触发

    onresize  调整浏览器窗口大小时触发

    键盘事件于keyCode属性

    onkdowm 用户按下键盘时候触发 even 代表事件的状态 如触发even对象的元素、鼠标的位置及状态等待

    onkeypress 在按下键盘时发生(只响应字母与数字)可以用keydowm代替

    onkeyup  松开键盘按键时发生

    keyCode 返回 onkeypress、onkeydowm、onkeyup事件触发的值的字符代码或键的代码

    DOM0级事件

    1.通过DOM获取HTML元素

    2.获取HTML元素事件.事件=执行脚本

    语法ele事件=执行脚本

    功能:在DOM对象绑定事件 如果调用函数ele.事件=函数  变量名,DOM0事件=function()

    例子:<input type="text"  id="a">

        <script>
            var b=document.getElementById("a");
            a.onclick=function() {
                b.style.backgroundColor='red';
            }
        </script>
  • 相关阅读:
    实现 AD 采样,使用 LCD1602 显示 AD 数值
    数据结构(C语言)—排序
    Keil uVision4 创建51单片机工程
    51单片机 方波
    51单片机串口中断实验
    51单片机 中断控制蜂鸣器
    串口通信
    定时器与计数器
    中断系统
    《web前端设计基础——HTML5、CSS3、JavaScript》 张树明版 简答题简单整理
  • 原文地址:https://www.cnblogs.com/ckxbk/p/12883678.html
Copyright © 2011-2022 走看看