新增的全局属性

suaxi

2024-03-03 / 0 评论 / 28 阅读 / 正在检测是否收录...

03/03

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>新增的全局属性</title>
    <style>
        div {
            width: 600px;
            height: 200px;
            border: 1px solid black;
            font-size: 20px;
        }

        .box1 {
            background-color: skyblue;
        }

        .box2 {
            margin-top: 10px;
            background-color: green;
        }
    </style>
</head>
<body>
    <div class="box1" contenteditable="true" spellcheck="true">Lor1em ipsum, dolor sit amet consectetur adipisicing elit. Nostrum, repudiandae assumenda sed quod voluptates delectus similique dignissimos enim! Officiis, repellat.</div>
    <div class="box2" draggable="true" ondragend="go(event)" data-a="1" data-b="2">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nostrum, repudiandae assumenda sed quod voluptates delectus similique dignissimos enim! Officiis, repellat.</div>
    <script>
        function go(e) {
            alert(e.x)
        }
    </script>
</body>
</html>

html5