您好,登錄后才能下訂單哦!
本文實(shí)例講述了javascript/jquery實(shí)現(xiàn)點(diǎn)擊觸發(fā)事件的方法。分享給大家供大家參考,具體如下:
點(diǎn)擊事件
原聲態(tài) 和 jquery
<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=utf-8" import="Tool.Tool" isELIgnored="false" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test1</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> </head> <body> <button id="demo">我是按鈕</button> <script type="text/javascript"> //onclick點(diǎn)擊事件 //方案一 : 原生態(tài)onclick (function(){ var demo = document.getElementById("demo"); demo.οnclick=function(){ alert("我是方案一"); } })(); //方案二 : jquery 選擇器選擇demo 添加時間 //$(function(){}) 當(dāng)頁面加載完成后會執(zhí)行$()包含的方法 $(function(){ $("#demo").click(function(){ alert("我是方案二"); }) }) //方案三 : 原生態(tài)事件監(jiān)聽 //部分瀏覽器不支持addEventListener 事件監(jiān)聽,所以使用的時候先判定一下瀏覽器是否支持 (function(){ var demo = document.getElementById("demo"); if(window.addEventListener) { demo.addEventListener("click",function(){ alert("我是方案三"); }) } })(); //方案四 : jquery 事件綁定 // 即能給指定元素添加點(diǎn)擊事件,又能隨時解除點(diǎn)擊時間 $(function(){ $("#demo").bind("click",function(){ //使用$("#demo").unbind("click") 也可以實(shí)現(xiàn)同樣效果 $(this).unbind("click"); alert("我是方案四") }) }) //方案五 : 移動端支持 - touchstart 事件點(diǎn)擊事件 jquery //當(dāng)手指觸碰某個元素后觸發(fā) $(function(){ $("#demo").bind("touchstart",function(){ alert("我是方案五"); }) }) //方案六 : 原生態(tài)版本 - touchstart 事件 (function(){ document.getElementById("demo").addEventListener("touchstart",function(){ alert("我是方案六"); }) })() </script> </body> </html>
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具 http://tools.jb51.net/code/HtmlJsRun 測試上述代碼運(yùn)行效果。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。