本文通过一个简单的HTML页面示例，介绍了如何使用内联事件处理程序来为网页元素绑定单击和双击事件。示例中包含两个div元素，分别绑定了单击和双击事件，并演示了如何通过JavaScript来修改这些事件处理程序。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body>
<div onclick="alert(10)" style="width:100px;height:100px;border:1px dotted black;" id="test"></div>
<div ondblclick="clickborder()" style="width:100px;height:100px;border:1px dotted red;" id="test"></div>
<script>
document.getElementById("test").ondblclick = document.getElementById("test").onclick;
document.getElementById("test").onclick = null;
</script>
</body>
<script>
function clickborder() {
alert("双击！！");
}
</script>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body>
<div onclick="alert(10)" style="width:100px;height:100px;border:1px dotted black;" id="test"></div>
<div ondblclick="clickborder()" style="width:100px;height:100px;border:1px dotted red;" id="test"></div>
<script>
document.getElementById("test").ondblclick = document.getElementById("test").onclick;
document.getElementById("test").onclick = null;
</script>
</body>
<script>
function clickborder() {
alert("双击！！");
}
</script>
</html>
扫一扫
1178
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
