源码如下:
三种实现方式如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<style>
p {
width: 100px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
<div>
<button onclick="test0()">常规</button>
<button onclick="test1(this)">只能点击一次(清除点击事件)</button>
<button onclick="test2()">只能点击一次(带参设置)</button>
<button onclick="test3()">只能点击一次(函数重写)</button>
</div>
<script>
function test0() {
alert("每次点击都会弹出");
}
function test1(test) {
test.onclick = null;
alert("第一次点击弹出");
}
let value = true;
function test2() {
if(value){
alert("第一次点击弹出");
//执行一次后将变量改为false
value = false;
};
};
function test3() {
alert("第一次点击弹出");
//函数重写
test3 = function () { };
};
</script>
</body>
</html>
完结