[Javascript] click & dbclick 實作 與 setTimeout ?

由 andy 發表於 十月 28, 2011 / 尚無評論

 

今天因為一個實作需click  dblclick 事件綁定到同一個 element 記得印象中在看[jQuery開發範例大全] 一書時上面說如果無法避免以不同的方式來回應單擊和雙擊那麼就應該用 click 處理常式來模擬 dblclick 。不寫沒事,一寫下去相關問題就跑出來。首先,我在 StackOverFlow 找到這篇答案。底下這段程式碼的的確確解決了問題,但我無法清楚的理解他。所以開始了以下這篇解說:
var clickTimeout = false;
$('#element').click(function() {

   if(clickTimeout !== false) {
       // I'm doubleclick!
       clearTimeout(clickTimeout);
       clickTimeout = false;
   } else {        
       clickTimeout = setTimeout(function() {
           // I'm click!
           clickTimeout = false;
       }, 400);
   }
});

繼續閱讀 »

jQuery Formly 註冊表單

由 andy 發表於 六月 2, 2011 / 尚無評論

今天在逛網站時剛好發現這個還不錯的表單jQuery 花了一點時間把JS 中文化(提示等相關訊息)  分享出來

教學

DEMO

下載完整範例

繼續閱讀 »

[分享]jQuery mobile Alpha 4.1 釋放

由 andy 發表於 四月 16, 2011 / 1 則評論

jQuery mobile 是一個跨所有流行的智慧手機平台的使用者介面系統,使用jQuery和jQuery UI 為基礎開發的。

簡而言之就是讓jQuery 可以在手持裝置上運作。在2011-3-31時已經釋出Alpha 4版本,官方指出這是Alpha最後一個版本了

將會進入Beta。

4.0時提出以下改善:

 

1. 支援WP7。但由於WP7上的瀏覽器幾乎跟IE7一樣所以在CSS 圓角和陰影目前仍不支援。

2. 針對資料屬性的部份和HTML5上的一些衝突提出解決方案:可增加命名空間也同時新增一些方法(method)和選擇器。

3. 標準化 觸控/滑鼠 事件系統(Fastclick)。處理關於用手機瀏覽網頁時,輸入欄位和複製的解決方案。

4. 修正PhoneGap的一些Bug  註:PhoneGap為將網頁程式轉成手機原生軟體的開放源碼。

5. 強化listviews使用表單(Form)的部份。

6. 提供組態化的文字設定。提供需要處理各國語系,在地化時程式的界面文字等的一個解決方案。

7. 自動更新頁面的Title。

8. BUG的修復和相關改善,例如自動產生返回按鈕等等。

DEMO

4.1:

已 支援IE8 和9 並針對點擊系統做了部份微調,PhoneGap部份的問題修正。