目的：點擊按鈕，點擊后在網頁上顯示點擊次數，雙擊清零
實現：js或者jquery
代碼如下:
<%@ 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>
補充：
js填充里面html中的內容是innnerHTML(),jquery是html()，形式上有差異
js,與jquery的事件表示形式上有些不同，jquery都沒有on,比如js中的onclick,jquery就是click
js事件參考手冊：http://www.runoob.com/jsref/dom-obj-event.html
jquery事件參考手冊：http://www.w3school.com.cn/jquery/jquery_ref_events.asp