JAVAscript学习笔记 js事件第一节（原创）参考js使用表

Posted 2020-10-07

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JAVAscript学习笔记 js事件第一节（原创）参考js使用表相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en" onUnload="ud()">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function demo() {
            alert("hello");
        }

        function onOver(ooj) {
            ooj.innerHTML = "鼠标移入显示";
        }

        function onOut(ooj) {
            ooj.innerHTML = "鼠标移出显示";
        }

        function changeDemo(bg) {
            alert("内容改变了啊")
        }

        function changeDemo1(bg) {
            bg.style.background = "red";
        }

        function changeDemo2(bg) {
            bg.style.background = "blue";
        }

        function mgs() {
            alert("内容加载完毕")
        }

        function bu(bg) {
            var b = bg.value;
            alert("鼠标移开事件(您输入的是)" + b);
        }

        function ud() {
            alert("您关闭了网页")

        }

    </script>

    <style>
        .div {
            width: 100px;
            height: 100px;
            background-color: cadetblue;
        }

    </style>
</head>
<body onload="mgs()" onunload="ud()">
<!--网页加载完毕事件，网页关闭事件(关闭后执行看不见)-->
<button onclick="demo()">按钮</button>
<!--单机事件-->
<div class="div" onmouseout="onOut(this)" onmouseover="onOver(this)">开始显示</div>
<form>
    <input type="text" onchange="changeDemo(this)"/>
    <!--文本内容改变事件-->
    <input type="text" onselect="changeDemo1(this)" onfocus="changeDemo2(this)"/>
    <!--文本内容选中事件--> <!--鼠标聚集（选中）事件-->
    <input type="text" onblur="bu(this)"/>
    <!--移开光标事件事件-->

</form>
</body>
</html>

以上是关于JAVAscript学习笔记 js事件第一节（原创）参考js使用表的主要内容，如果未能解决你的问题，请参考以下文章

第一节：Node.js简介

第一节：Vue.js框架是什么，为什么选择它？

JAVAscript学习笔记 js句柄监听事件第四节（原创）参考js使用表

Web前端开发笔记——第四章 JavaScript程序设计第一节输出数据

python学习笔记第一节

js-JavaScript高级程序设计学习笔记9

JAVAscript学习笔记 js事件 第一节 （原创） 参考js使用表

JAVAscript学习笔记 js事件第一节（原创）参考js使用表