html直接寫: 按鈕 Jquery 中也可以實(shí)現(xiàn): $('#btn').on('click',function(){ 單擊方法 }) $('#btn').on('doubleclick',function(){ 雙擊方法 })

創(chuàng)新互聯(lián)從2013年創(chuàng)立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元沈河做網(wǎng)站,已為上家服務(wù),為沈河各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220
雙擊事件時(shí)候第一次單擊會(huì)被屏蔽但是第二次不會(huì),經(jīng)常會(huì)導(dǎo)致雙擊事件變?yōu)殡p擊事件加一次單擊事件,解決的方法是消除掉多余的一次單擊事件。
工具原料:編輯器、瀏覽器
1、實(shí)現(xiàn)防止雙擊事件時(shí)不觸發(fā)單擊事件的簡(jiǎn)單代碼示例如下:
//定義setTimeout執(zhí)行方法
var?time?=?null;
$('div').click(function?()?{
//?取消上次延時(shí)未執(zhí)行的方法
clearTimeout(time);
//執(zhí)行延時(shí)
time?=?setTimeout(function(){
//do?function在此處寫單擊事件要執(zhí)行的代碼
},300);
});
$('div').dblclick(functin?()?{
//?取消上次延時(shí)未執(zhí)行的方法
clearTimeout(time);
//雙擊事件的執(zhí)行代碼
});
2、以上方案可以解決雙擊事件帶來的單擊事件觸發(fā)。
不能觸發(fā)click事件最常見的三種情況:\x0d\x0a 選擇器使用錯(cuò)誤,沒有選擇到標(biāo)簽;(請(qǐng)分享html代碼分析);\x0d\x0a 標(biāo)簽比jquery方法慢加載,也就是 先加載的方法 , 后加載的標(biāo)簽;解決方法(將script標(biāo)簽與js方法 寫在頁面的底部 也就是 body 標(biāo)簽的下面)或者如下代碼\x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a $(document).ready(function(){\x0d\x0a $(".test").click(function(){\x0d\x0a alert("333");\x0d\x0a });\x0d\x0a });\x0d\x0a \x0d\x0a 點(diǎn)擊事件測(cè)試\x0d\x0a \x0d\x0a \x0d\x0a 點(diǎn)擊彈出\x0d\x0a \x0d\x0a \x0d\x0a jquery文件或者js文件 導(dǎo)入路徑錯(cuò)誤或者沒有導(dǎo)入 (新手低級(jí)錯(cuò)誤);\x0d\x0a\x0d\x0a(純手打,求采納,已測(cè)試代碼。夢(mèng)魂清風(fēng) @author:dream breeze)!!
mouseover事件于用戶把鼠標(biāo)從一個(gè)元素移動(dòng)到另外一個(gè)元素上時(shí)觸發(fā),mouseout事件于用戶把鼠標(biāo)移出一個(gè)元素時(shí)觸發(fā)。\x0d\x0a下面為你詳細(xì)介紹下jquery中的鼠標(biāo)事件:\x0d\x0a(1):click事件:click事件于用戶在元素敲擊鼠標(biāo)左鍵,并在相同元素上松開左鍵時(shí)觸發(fā);\x0d\x0a$('p').click(function(){\x0d\x0aalert('click function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(2):dbclick事件:dbclick事件在用戶完成迅速連續(xù)的兩次點(diǎn)擊之后觸發(fā),雙擊的速度取決于操作系統(tǒng)的設(shè)置。一般雙擊事件在頁面中不經(jīng)常使用;\x0d\x0a$('p').dbclick(function(){\x0d\x0aalert('dbclick function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(3):mousedown事件:mousedown事件在用戶敲擊鼠標(biāo)鍵時(shí)觸發(fā),跟keydown事件不一樣,該事件僅在按下鼠標(biāo)時(shí)觸發(fā);\x0d\x0a$('p').mousedown(function(){\x0d\x0aalert('mousedown function is\x0d\x0arunning !');\x0d\x0a});\x0d\x0a(4):mouseup事件:mouseup事件在用戶松開鼠標(biāo)時(shí)觸發(fā),如果在與按下鼠標(biāo)的元素相同元素上松開,那么click事件也會(huì)觸發(fā);\x0d\x0a$('p').mouseup(function(){\x0d\x0aalert('mouseup function is running\x0d\x0a!');\x0d\x0a}).click(function(){\x0d\x0aalert('click\x0d\x0afunction is running too !');\x0d\x0a});\x0d\x0a(5):mouseover事件:mouseover事件于用戶把鼠標(biāo)從一個(gè)元素移動(dòng)到另外一個(gè)元素上時(shí)觸發(fā),如果需要知道來自那個(gè)元素可以使用,relatedTagrget屬性;\x0d\x0a(6):mouseout事件:mouseout事件于用戶把鼠標(biāo)移出一個(gè)元素時(shí)觸發(fā),這包括從父元素移動(dòng)到子元素上,或者使用鍵盤跳到元素上。
$("table?手續(xù)費(fèi)td").dbclick(function(){
var?td?=?$(this);
//?根據(jù)表格文本創(chuàng)建文本框?并加入表表中--文本框的樣式自己調(diào)整
var?text?=?td.text();
var?txt?=?$("input?type='text'").val(text);
txt.blur(function(){
//?失去焦點(diǎn),保存值。于服務(wù)器交互自己再寫,最好ajax
var?newText?=?$(this).val();
//?移除文本框,顯示新值
$(this).remove();
td.text(newText);
});
td.text("");
td.append(txt);
});
分享題目:jquery雙擊事件,jquery雙擊事件綁定
網(wǎng)址分享:http://chinadenli.net/article15/dsiecdi.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站收錄、品牌網(wǎng)站建設(shè)、定制網(wǎng)站、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)