原文:通過js實現單擊或雙擊直接修改內容

代碼並不重要,關鍵是思路,這里簡要說一下: .展示的時候直接將內容展示在文本框中,文本框的邊框設置為 ,也可以在設置一下readonly,這樣在展示到頁面上的時候給人一種普通文本的假象, 實際是顯示在邊框為 的文本框中,給文本框加單擊或者雙擊事件,觸發時將邊框更改為 ,並且去掉readonly屬性,這樣就可以修改了,同時也要有失去 焦點事件,失去焦點時通過ajax將相應的數據發送到服務器端進行修改 ...

2013-03-04 19:41 0 3018 推薦指數:

查看詳情

通過js實現單擊雙擊直接修改內容

代碼並不重要,關鍵是思路,這里簡要說一下: 1.展示的時候直接內容展示在文本框中,文本框的邊框設置為0,也可以在設置一下readonly,這樣在展示到頁面上的時候給人一種普通文本的假象, 實際是顯示在邊框為0的文本框中,給文本框加單擊或者雙擊事件,觸發時將邊框更改為1,並且去掉 ...

Wed Aug 31 17:15:00 CST 2016 0 3474
js實現鼠標單擊或者雙擊事件

html如下: 單擊:用戶單擊觸發 getClickEmail1(1) 函數,清除定時器這個先不管,if里的意思是如果在同樣的地方執行同種方法兩次,也就是雙擊的意思,退出這個函數,單擊不會觸發if。下來給定時器賦值,300ms后執行輸出單擊 ...

Wed Jan 09 01:03:00 CST 2019 0 7546
JS實現雙擊編輯可修改

需求描述:在一段文字處雙擊可以進行修改,也就是雙擊后創建輸入框,輸入內容,在輸入框失去焦點后將輸入的內容再以文字的形式顯示出來,以下是html代碼: 以下是摘錄的JavaScript代碼: 這里存在一個小問題,就是當已經雙擊一次的情況下,input已存在,再次雙擊 ...

Sun Mar 05 00:01:00 CST 2017 2 5985
JQUERY、AJAX雙擊DIV,直接修改DIV內的內容

  最近在做后台功能開發的時候,用到對排序字段的修改,感覺只為了修改一個排序值,而要重新進入編輯頁比較麻煩,於是自己動手寫……   最近在做后台功能開發的時候,用到對排序字段的修改,感覺只為了修改一個排序值,而要重新進入編輯頁比較麻煩,於是網上找點資料自己動手寫了一個jquery雙擊實現直接修改 ...

Fri Mar 04 06:14:00 CST 2016 2 1720
JS實現雙擊編輯可修改狀態

js實現雙擊編輯,點擊他處時自動保存。(如下代碼可直接運行,無需jquery系列jar) ...

Mon Jun 03 18:05:00 CST 2019 0 1271
JS - 解決鼠標單擊雙擊事件沖突問題(原生js實現

首先,來了解一下點擊事件發生的先后順序:單擊:mousedown, mouseup, click雙擊:mousedown, mouseup, click, mousedown, mouseup, click, dblclick 由於鼠標雙擊時每一次觸發雙擊事件都會引起兩次單擊事件和一次雙擊 ...

Thu Apr 11 03:11:00 CST 2019 0 2237
js單擊雙擊事件的區分

1.首先了解鼠標單擊事件是所包含的事件。 mousedown 事件: 當鼠標指針移動到元素上方,並按下鼠標按鍵時,會發生 mousedown 事件。與 click 事件不同,mousedown 事件僅需要按鍵被按下,而不需要松開即可發生。 mouseup 事件:   當在元素上放松鼠標按鈕 ...

Thu Sep 07 22:48:00 CST 2017 0 6436
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM