關注可了解更多的教程及排版技巧。問題或建議,請底部評論;
[如果你覺得對你有幫助,歡迎評論
前端點擊事件之 < a>標簽的點擊觸發以及自動觸發的問題
a標簽的點擊事件,直接給a標簽設置id,進而對a進行點擊即可;
<a href="javascript:;" class="next-step btn mt50" id="submit" >提交預約</a>
e("#submit").on("click",
function() {
//執行業務邏輯
// 禁用重復點擊事件
$("#submit").attr("disabled",true);
// ...
});
a標簽的"自動點擊" 事件,需要給a標簽中添加如等行內元素,並對行內元素進行id賦值,對a標簽的自動點擊實際上是對a標簽內的行內元素進行自動觸發,如;
//demo--JQ
<a href="javascript:;" class="next-step btn mt50" id="submit" ><span>自動提交預約</span></a>
$(function(){
$("#submit").trigger("click");
});
//demo--JS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<script type="text/javascript">
function run(){
document.getElementById("sp").click();
}
</script>
<body onload="run()">
<a href="https://www.baidu.com"><span id="sp">自動點擊</span></a>
</body>
</html>