jquery/js記錄點擊事件，單擊次數加一，雙擊清零

時間 2020-06-29

原文原文鏈接

目的：點擊按鈕，點擊後在網頁上顯示點擊次數，雙擊清零javascript

實現：js或者jqueryhtml

代碼以下:java

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>點擊事件</title>
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript"> window.onload = function() { var x = 0; //單擊事件
 $("#button1").click(function() { x=x+1; $("#dianjicishu").html('您已點擊：'+x+'次'); }); //雙擊事件
 $("#button1").dblclick(function() { //alert("雙擊事件");
 x = 0; $("#dianjicishu").html(""); }) } </script>
</head>

<body>
    <p>按鈕點擊事件：點擊後在網頁上顯示顯示點擊幾回，雙擊清零</p>
    <input type="button" value="點擊" id="button1" />
    <span id="dianjicishu"></span>
</body>
</html>