js事件

onClick    单击事件

onMouseOver    鼠标经过事件

onChange    文本内容改变事件

onSelect     文本框选中事件

onFocus    光标聚集事件

onBlur    移开光标事件

onLoad    网页加载事件

onUnload    关闭网页事件

 

Event.html

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/Event.css" />
    </head>
    <body>
        <div class="div" onmouseover="onOver()" onmouseout="onOut()"></div>
        <script>
            function onOver(){
                alert("进入");
            }
            function onOut(){
                alert("出去");
            }
        </script>
        
        <form>
            <input type="text" onchange="alert('你别改变我！')" />
            <input type="text" onselect="changeDemo(this)" />
        </form>
        <script>
            function changeDemo(bg){
                bg.style.background="blue";
            }
        </script>
    </body>
</html>
复制代码

 

css/Event.css

 

.div{
    height: 100px;
    width: 300px;
    background-color: cadetblue;
}

 

posted @   一纸年华  阅读(177)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示