然而，在今天一些大型的WEB互動項目中，比如大型的WebGame項目，JavaScript事件冒泡影響是值得重視的。本文通過一個簡單的例子來講解JavaScript事件冒泡及使用注意事項。 如果你對JavaScript事件冒泡還沒有什麼印象，不妨先看看我之前寫的一篇部落格《JavaScript事件冒泡簡介及應用》。本文講究實用，不在對JavaScript事件冒泡基礎知識進行過多的闡述。
例如,在Chrome下調試如下程式，很清楚的展示了這點：
有時候可能會有這麼一個需求,我在後台使用: 複製代碼 代碼如下: HttpUtility.UrlEncode(str, System.Text.Encoding.UTF8); 將Url進行編碼,前台JS需要使用這段內容,這時候就需要解碼了: 代碼 複製代碼 代碼如下: /** * Url編碼 **/ ShengUtils.encode = function(unzipStr){ var zipstr=""; var strSpecial="!\"#$%&'()*+,/:;<=>?[
因為在JavaScript中，mousedown、mouseup、click執行順序是從左至右的，更重要的是一旦mousedown事件啟用，正常情況（不在mousedown事件中綁定的方法使用alert類似方法，因為彈出對象框就阻止了事件傳遞，即後續呼叫事件丟失）下後面兩個事件也肯定會被啟用。平時我們在一個標籤上只綁定一個click事件，其實觸發click事件也都調用了mousedown、mouseup等事件，只是它們調用周期極短，而且我們又沒有編寫相關函數與這兩個事件綁定，所以不會覺察到。現在
具體結論可參見《javascript下動態this與動態綁定執行個體代碼》。本文專註設計一個無侵入的綁定函數。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]基於不擴充原生對象的原則，弄了這個bind函數（dom為範圍），用法與Prototype架構的bind差不多。 複製代碼 代碼如下: dom.bind = function(fn,context){ //第二個參數如果你喜歡的話，也可以改為thisObject,scope， //總之，是一個新的範圍對象 if
複製代碼 代碼如下: function forEach(object, block, context, fn) { if (object == null) return; if (!fn) { if (typeof object == "function" && object.call) { //遍曆普通對象 fn = Function; } else if (typeof object.forEach == "function" && object.forEach !=
那麼函數就是被掰成兩部分儲存於對象，一是其函數名（鍵），一是函數體（值），那麼函數中的this一般都指向函數所在的對象。但這是一般而已，在全域調用函數時，我們並沒有看到調用者，或者這時就是window。不過，函式宣告後，其實並沒有綁定到任何對象，因此我們可以用call apply這些方法設定調用者。 一個簡單的例子： [script] <script> window.name = "window"; var run = function() { alert("My name is "
如果你不知道原因，不要過於擔心，請研究CSS規則並查看這篇文章:使用CSS來修正一切: 20 +常見錯誤和修複。 如果這些也無效，您可以通過下面列出的12個javascript解決方案修複它，這樣您的網頁看起來就能跨越所有瀏覽器了！ 在本文中，我們會揭開你在開發web應用是可能會遇到的12個最常見的CSS問題的javascript解決方案。 1. 自動匹配高度自從我們拋棄了基於Table的頁面配置後，建立同等高度欄目或內容盒子的視覺效果已然是一個挑戰。1.1
christree [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
空間就全憑CSS的絕對位置實現位移了。在開始之前，我們練習一下setTimeout的遞迴用法（用來類比setInterval）。 複製代碼 代碼如下: function text(el){ var node = (typeof el == "string")? document.getElementById(el) : el; var i = 0; var repeat = function(){ setTimeout(function(){ node.innerHTML =
1問題來自一位網友的提問： web頁面裡有多個表單，每個表單對應著某一類資料操作。 比如一個詳細的簡曆資訊頁面分 1、設定檔 2、工作經驗 3、項目經驗 4、其他資訊 4個表單。 一般的需求是允許使用者單獨提交其中任何一個表單到下一個頁面進行修改操作（也就是說頁面有4個不同的修改按鈕,點擊哪個按鈕則只提交某一個表單的資料到伺服器，並根據表單的action）。 現在有這樣的需求，允許使用者選擇其中任意的一個或多個表單進行提交修改，這樣的話在用戶端如何提交表單？
複製代碼 代碼如下: //取得元素x座標 function pageX(elem) { return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft; } //取得元素y座標 function pageY(elem) { return elem.offsetParent?(elem.offsetTop+pageY(elem.offsetParent)):elem.offsetTop; }
毫無疑問，基於表現與結構相分離的原則，直接匯入一個新的樣式表是最好的選擇，但有些情況就行不通，如我們做一個能拖動的DIV，從設定樣式的角度看，就是把它絕對位置，以防影響原來的文檔流，然後一點點改變其top與left的值實現移動的效果。由於拖動是有時間概念的，一秒24幀，樣式表不可能面面俱到都把它們寫進去。因此動態產生樣式規則與快速修改樣式規則是非常有必要的，W3C為此做了大量的工作，在DOM2.0中，擴充了不少介面。
1.用隱藏iframe來載入廣告頁面。 複製代碼 代碼如下: <!一開始我們就使用一個看不到的架構ID名為：framelink--> <iframe id="framelink" name="framelink" frameBorder="0" scrolling="no" width="0" height="0"></iframe> <!--建立一個帶ID為“myLink”的串連--> <a id='myLink'
－ 輸入一個關鍵詞，滑鼠點擊後面的搜尋引擎連結，即可進入到該引擎的頁面 － 如果輸入關鍵詞後敲斷行符號，則使用預設搜尋引擎，而每選擇新的搜尋引擎，預設引擎也會隨之改變 － 自動記憶上次使用的搜尋引擎，後面添加* 原始碼如下，使用了多種IE/FF的適應辦法：複製代碼 代碼如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style
這一段使得FireFox也支援IE的innerText方法 複製代碼 代碼如下: function isIE(){ if (window.navigator.userAgent.toLowerCase().indexOf("msie")>=1) return true; else return false; } if(!isIE()){ //firefox innerText define HTMLElement.prototype.__defineGetter__(
getElementsByClassName() 為了從一大堆HTML代碼中找出我們的樹狀菜單(也許有多個)，我們先來實現一個通過className找DOM節點的方法：getElementsByClassName。這是對瀏覽器自有DOM方法的一個簡單但實用的擴充。 此方法有兩個參數：ele指出以哪個DOM節點為根節點尋找（也就是說只找ele的子節點），className指出合格節點的class屬性中必須包含怎樣的className。它的傳回值是一個數組，存放了所有合格節點。 複製代碼
比如<asp:LinkButton>控制項就被渲染成了<a>錨點控制項，這裡要講的DropDownList控制項也一樣，被渲染成了普通的select控制項，在如下的asp.net頁面中定義了一個web伺服器控制項DropDownList和一個普通的select控制項（主要為了對比）。 代碼 複製代碼 代碼如下: <asp:DropDownList ID = "ddlCities" runat = "server"> <asp:ListItem
今天先預覽一下今晚的成果，如下（挫了點，別扔磚頭）：今天主要設計了下選取器，就是進入遊戲時展現遊戲列表，然後用來選擇遊戲的一個白癡的功能。 選取器建立在昨天的遊戲類基礎上，針對昨天的代碼我作了部分修改： 複製代碼 代碼如下: //5.遊戲類：名稱，邏輯方法，鍵盤方法，開始方法，開始關卡方法,結束方法 var Game = function(name, logicalFn, keyFn, startFn, loadFn, endFn) { //遊戲名 this._name = name ||
看代碼，不說話： 複製代碼 代碼如下: var i=arr.length; while(i--) { //寫點啥？ } 上面是Google array.js 程式中建議改進的代碼。思考為什麼i-- 到了 i為0時while迴圈結束了？下面的代碼與它等價： 複製代碼 代碼如下: var i=arr.length; for(;i--;) { //i--寫在兩個分號的中間，奇怪嗎？不奇怪嗎？ } 震撼？沒感覺？
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
