加入收藏 | 最新开课 | 最新资讯
  • 泉州浮桥企业公司办公文
  • 泉州鲤城浮桥金龙街道、
  • 泉州鲤城浮桥、中山公园
  • 泉州浮桥电脑设计培训中
  • 2018高考完了我要学电脑设
  • 泉州鲤城photoshop淘宝详情
  • 平面广告包装ps/cad/cd-201
  • 福建百科教育泉州专业a
  • 泉州浮桥金龙AUTOCAD机械零
  • Win10开机密码忘了?教你破
  • 泉州电脑设计培训班欢迎您来学习!
    泉州电脑培训班 > 在线学习 > DHTML >
    全部课程 专业课程 精品课程 软件课程 职业认证 学历教育 全部课程大集结

    前端网页UI设计DHTML 事件句柄(Event Handlers)

    时间:2017-12-19 22:36   来源:泉州培训班   作者:李老师15905099719   点击: 次 (责任编辑:admin)
    前端网页UI设计DHTML 事件句柄(Event Handlers)
    前端网页UI设计DHTML 事件句柄(Event Handlers)

    可以在某个事件发生时通过一个事件句柄对某个元素进行某种操作。

    实例

    注释:大多数 DHTML 实例需要IE 4.0+、Netscape 7+ 或者 Opera 7+!

    onmouseover 和 onmouseout
    如何在鼠标指针移到并移开一个元素时改变一个元素的颜色。
    onclick
    把灯点亮。如何当您单击一副图像时改变图像,然后再次单击它时换回原来的图像。
    onmousedown 和 onmouseup
    这次只有当你按住鼠标按钮时灯才会亮。
    onload
    当页面完成加载时显示一个提示框。

    事件句柄

    通过一个事件句柄,您可以在某个事件发生时对某个元素进行某种操作:当用户点击元素时,当页面加载时,当一个表单被提交时,等等。

    <h1 onclick="style.color='red'">Click on this text</h1>

    上面的例子可定义当用户点击一个标题时标题变为红色。

    您也可以在页面的 head 部分添加一段脚本,然后从事件句柄调用函数:

    <html>
    
    <head>
    <script type="text/javascript">
    function changecolor()
    {
    document.getElementById('header').style.color="red"
    }
    </script>
    </head>
    
    <body>
    <h1 id="header" onclick="changecolor()">Click on this text</h1>
    </body>
    
    </html>

    HTML 4.0 事件句柄

    事件 当...时发生
    onabort 用户终止页面加载。
    onblur 用户离开对象。
    onchange 用户改变对象的值。
    onclick 用户点击对象。
    ondblclick 用户双击对象。
    onfocus 用户激活对象。
    onkeydown 按下键盘。
    onkeypress 按压键盘。
    onkeyup 松开键盘。
    onload

    页面完成加载。

    注释:在 Netscape 中,当页面加载时会发生该事件。

    onmousedown 用户按鼠标按钮。
    onmousemove 鼠标指针在对象上移动。
    onmouseover 鼠标指针移动到对象上。
    onmouseout 鼠标指针移出对象。
    onmouseup 用户释放鼠标按钮。
    onreset 用户重置表单。
    onselect 用户选取页面上的内容。
    onsubmit 用户提交表单。
    onunload 用户关闭页面。

    上一篇:DOM (文档对象模型)是我们有能力访问一个文档中的每个元素。
    下一篇:没有了