zoukankan      html  css  js  c++  java
  • javascript基金会——鼠标事件,系统对话框,等等。

    1、鼠标事件
    (1)、onclick:用户点击鼠标左键,并且当焦点处于button准时,按用户Enter关键,发生onclick事件
    (2)、ondblclick:当用户双击鼠标左键。发生ondblclick
    (3)、onmousedown:用户按下随意鼠标button的时候,发生onmousedown事件
    (4)、onmouseout:当光标在一个元素上。而且用户将其移出元素边界时,发生onmouseout事件
    (5)、onmouseover:当光标在一个元素之外,而且用户将移动到该元素上时,发生onmouseover事件
    (6)、onmouseup:当用户释放不论什么鼠标button时,发生onmouseup事件
    (7)、onmousemove:当光标在一个元素上时。反复发生onmousemove事件
    2、系统对话框
    (1)、警告框:alert();
    比如:alert("wrong!");
    默认仅仅有一个确定button
    (2)、确认框:confirm();
    比如:confirm("Are you sure?

    ");
    默认有两个button,各自是"确认"和"取消"
    (3)、提示框:prompt();
    除"确认"和"取消"外。还有文本框
    3、事件封装:有的时候须要反复使用段代码如document.getElementById()的时候,能够用事件封装来
    实现调用以使编码简便快捷
    如:function $(id){
    return document.getElementById(id);
    }
    在以下的函数中使用到document.getElementById()的时候直接写成$("id名")就可以
    4、事件监听:

    (1)、IE8及以上版本号:document.addEventListener("事件名称(如click,前面不能加on)",函数名,bCapture(true表示处理程序在捕获阶段,false则表示在冒泡阶段));

    如:document.addEventListener("click",function (){document.getElementById("id名").style.display="none";})

    此处为鼠标点击的时候,对应id名的标签显示被设为none;
    此处的click不能写为onclick
    (2)、IE8及下面版本号:document.attachEvent()
    5、取得下拉列表的内容:
    <selece id="s1">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="30">30</option>
    </select>
    在script元素中写:var a = document.getElementById("s1").value;就可以得到下拉列表中选择的内容。
    6、取得复选框的内容:
    <input type="checkbox" id="d1" value="音乐"/>
    <input type="checkbox" id="d2" value="体育"/>
    在script元素中写:var a = document.getElementById("d1").check;
    if(a==true) var b = document.getElementById("d1").value;
    b内容为内容复选框

    版权声明:本文博客原创文章。博客,未经同意,不得转载。

  • 相关阅读:
    chart控件多个ChartArea
    winform chart画折线,波形图,多条数据
    C# Chart 折线图 多条数据展示
    task一个任务结束后执行另一个操作
    C#多线程同步 读写锁ReaderWriterLock的用法
    C# 多线程文件读写整理总结
    vue解决跨域问题
    接前端页面
    使用vue+zrender绘制体温单 三测单(2)
    使用vue+zrender绘制体温单 三测单(1)
  • 原文地址:https://www.cnblogs.com/blfshiye/p/4738395.html
Copyright © 2011-2022 走看看