zoukankan      html  css  js  c++  java
  • #### js鼠标的事件--网页事件

    #### js鼠标的事件
    onClick-----单击事件
    onMouseOver------鼠标经过事件
    onMouseOut-------鼠标移出事件
    onChang--------文本内容改变事件
    onSelect-------文本框选中事件
    onFocus-------光标聚集事件
    onBlur------移开光标事件
    onLoad------网页加载事件
    onUnload-----关闭网页事件
     
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .div_test{
                 100px;
                height: 100px;
                background-color: aqua;
            }
        </style>
    </head>
    <body onload="mgs()">
        <!-- 鼠标移出,经过事件 -->
        <div class="div_test" onmouseout="onOut(this)" onmouseover="onOver(this)"></div>
        <script>
            function onOver(ooj){
                ooj.innerHTML = "hello";
            }
            function onOut(ooj){
                ooj.innerHTML = "world";
            }
        </script>
        <form action="">
            <input type="text" onchange="onchangeDemo(this)">
            <input type="text" onselect="changdemo2(this)">
            <input type="text" onfocus="changdemo3(this)">
        </form>
        <script>
            function onchangeDemo(bg){
                alert("内容改变了")
            }
            function changdemo2(bg2){
                bg2.style.background="red";
            }
            function changdemo3(bg3){
                bg3.style.background="red";
            }
            function mgs(){
                alert("网页加载完毕")
            }
        </script>
    </body>
    </html>
    

      

     

      

  • 相关阅读:
    Android View 的绘制流程
    Android Studio 注释模板
    Flutter https://flutter.cn/docs学习之 工作原理
    Android 手机兼容差异
    Flutter plugin的两种方式
    本周总结
    mapreduce程序开发简单实例 WordCount
    《需求工程——软件建模与分析》阅读笔记之一
    本周总结
    本周总结
  • 原文地址:https://www.cnblogs.com/fdxjava/p/13173737.html
Copyright © 2011-2022 走看看