html直接寫: 按鈕 Jquery 中也可以實現(xiàn): $('#btn').on('click',function(){ 單擊方法 }) $('#btn').on('doubleclick',function(){ 雙擊方法 })
創(chuàng)新互聯(lián)從2013年創(chuàng)立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元沈河做網(wǎng)站,已為上家服務(wù),為沈河各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220
雙擊事件時候第一次單擊會被屏蔽但是第二次不會,經(jīng)常會導致雙擊事件變?yōu)殡p擊事件加一次單擊事件,解決的方法是消除掉多余的一次單擊事件。
工具原料:編輯器、瀏覽器
1、實現(xiàn)防止雙擊事件時不觸發(fā)單擊事件的簡單代碼示例如下:
//定義setTimeout執(zhí)行方法
var?time?=?null;
$('div').click(function?()?{
//?取消上次延時未執(zhí)行的方法
clearTimeout(time);
//執(zhí)行延時
time?=?setTimeout(function(){
//do?function在此處寫單擊事件要執(zhí)行的代碼
},300);
});
$('div').dblclick(functin?()?{
//?取消上次延時未執(zhí)行的方法
clearTimeout(time);
//雙擊事件的執(zhí)行代碼
});
2、以上方案可以解決雙擊事件帶來的單擊事件觸發(fā)。
不能觸發(fā)click事件最常見的三種情況:\x0d\x0a 選擇器使用錯誤,沒有選擇到標簽;(請分享html代碼分析);\x0d\x0a 標簽比jquery方法慢加載,也就是 先加載的方法 , 后加載的標簽;解決方法(將script標簽與js方法 寫在頁面的底部 也就是 body 標簽的下面)或者如下代碼\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 點擊事件測試\x0d\x0a \x0d\x0a \x0d\x0a 點擊彈出\x0d\x0a \x0d\x0a \x0d\x0a jquery文件或者js文件 導入路徑錯誤或者沒有導入 (新手低級錯誤);\x0d\x0a\x0d\x0a(純手打,求采納,已測試代碼。夢魂清風 @author:dream breeze)?。?/p>
mouseover事件于用戶把鼠標從一個元素移動到另外一個元素上時觸發(fā),mouseout事件于用戶把鼠標移出一個元素時觸發(fā)。\x0d\x0a下面為你詳細介紹下jquery中的鼠標事件:\x0d\x0a(1):click事件:click事件于用戶在元素敲擊鼠標左鍵,并在相同元素上松開左鍵時觸發(fā);\x0d\x0a$('p').click(function(){\x0d\x0aalert('click function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(2):dbclick事件:dbclick事件在用戶完成迅速連續(xù)的兩次點擊之后觸發(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事件在用戶敲擊鼠標鍵時觸發(fā),跟keydown事件不一樣,該事件僅在按下鼠標時觸發(fā);\x0d\x0a$('p').mousedown(function(){\x0d\x0aalert('mousedown function is\x0d\x0arunning !');\x0d\x0a});\x0d\x0a(4):mouseup事件:mouseup事件在用戶松開鼠標時觸發(fā),如果在與按下鼠標的元素相同元素上松開,那么click事件也會觸發(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事件于用戶把鼠標從一個元素移動到另外一個元素上時觸發(fā),如果需要知道來自那個元素可以使用,relatedTagrget屬性;\x0d\x0a(6):mouseout事件:mouseout事件于用戶把鼠標移出一個元素時觸發(fā),這包括從父元素移動到子元素上,或者使用鍵盤跳到元素上。
$("table?手續(xù)費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(){
//?失去焦點,保存值。于服務(wù)器交互自己再寫,最好ajax
var?newText?=?$(this).val();
//?移除文本框,顯示新值
$(this).remove();
td.text(newText);
});
td.text("");
td.append(txt);
});