• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>

            學習筆記三:學用mootools的Event對象

            mootools的Event類很簡單,方法少,屬性比較齊全:

            方法:
            stop:停止事件分發
            stopPropagation:停止事件繼續向上傳播
            preventDefault:阻止默認行為的處理
            bindWithEvent:綁定元素的事件

            屬性:
            shift 是否按下了SHIFT鍵
            control 是否按下了CTRL鍵
            alt 是否按下了ALT鍵
            meta 是否按下了META鍵(暈一個,META是什么鍵?)
            code 按下鍵的編碼keycode
            page.x 鼠標相對于整個窗口的 x 偏移位置
            page.y 鼠標相對于整個窗口的 y 偏移位置
            client.x 鼠標相對于當前視口的 x 偏移位置
            client.y 鼠標相對于當前視口的 y 偏移位置
            key 這個變量記錄按下的鍵盤的小寫字母,如'a','w',也記錄特殊的按鍵,如‘enter’, ‘up’, ‘down’, ‘left’, ‘ right’, ‘space’, ‘backspace’, ‘delete’, ‘esc’.  這些特殊鍵的描述很方便
            target 事件的目標,如href
            relatedTarget 事件的關聯目標


            代碼示例如下:testEvent.html
            <head>
            <title>測試Event</title>
            <meta http-equiv="content-type" content="text/html; charset=gb2312"/>
            <script type="text/javascript" src="./js/mootools.v1.00.js?v=1"></script>
            </head>
            <body>

            <textarea id=content cols=80 rows=20>
            </textarea>

            <div id=id_div>
            <id=id_a href='http://www.baidu.com' target='_blank'>測試事件</a>
            </div>

            <script language="javascript" type="text/javascript">

            var flags = 0;

            function log(msg){
                $('content').value 
            += msg + '\n';
            }

            function clear(){
                $('content').value
            ='';
            }


            // 綁定div的單擊事件
            $('id_div').onclick=function(event){
                
            var event = new Event(event);
                log('
            <div>-onclick, target='+event.target);
            }


            function a_onclick(event){
                clear();
                
                
            var event = new Event(event);
                
            if(flags==0){
                    log('這一次屬正常的事件派發,你將看到百度的頁面會彈出');
                    flags
            ++;
                }
            else if(flags==1){
                    log('這一次的事件將終止向上傳播,不派發給
            <div>對象,單<a>對象的事件將繼續,你應該還是可以看到百度頁面');
                    flags
            ++;
                    event.stopPropagation();
                }
            else if (flags==2){
                    log('這一次的事件將不執行
            <a>的默認處理,你應該沒有看到百度頁面的彈出');
                    flags
            ++;
                    event.preventDefault();
                }
            else{
                    log('這一次的事件就此停止,既不執行
            <a>的默認處理,也不向父對象<div>傳播');
                    flags
            =0;
                    event.stop();
                }

                
                log('
            <a>-onclick, target='+event.target);
            }


            // 另一種綁定事件的方法,利用了事件類的bindWithEvent方法
            $('id_a').onclick=a_onclick.bindWithEvent($('id_a'));

            </script>

            </body>
            </html>

            posted on 2007-04-05 16:26 PeakGao 閱讀(1320) 評論(0)  編輯 收藏 引用 所屬分類: JavascriptHTML

            <2010年1月>
            272829303112
            3456789
            10111213141516
            17181920212223
            24252627282930
            31123456

            導航

            統計

            常用鏈接

            留言簿(9)

            隨筆分類(67)

            隨筆檔案(65)

            搜索

            最新評論

            閱讀排行榜

            評論排行榜

            亚洲日本va中文字幕久久| 久久最新精品国产| 久久精品免费网站网| 久久亚洲精品无码aⅴ大香 | 欧美综合天天夜夜久久| 成人精品一区二区久久| 久久精品国产亚洲av麻豆图片 | 久久久久久久波多野结衣高潮| 亚洲午夜久久久影院伊人| 久久青青草原国产精品免费| 九九精品久久久久久噜噜| 久久九九有精品国产23百花影院| 欧美精品福利视频一区二区三区久久久精品| 久久青青草原精品国产软件| 色诱久久久久综合网ywww | 精品久久久无码中文字幕| 日产精品99久久久久久| 久久久久亚洲AV无码专区网站| 久久久老熟女一区二区三区| 亚洲国产小视频精品久久久三级| 国产99久久精品一区二区| 久久久久青草线蕉综合超碰| 久久婷婷五月综合色99啪ak| 日本精品久久久中文字幕| 久久精品aⅴ无码中文字字幕不卡| 欧美亚洲国产精品久久高清| 久久久久久国产精品无码下载| 91视频国产91久久久| 久久精品无码专区免费东京热| 97精品伊人久久大香线蕉| 欧美日韩中文字幕久久久不卡| 色综合久久久久| 免费国产99久久久香蕉| 国产综合精品久久亚洲| 国产伊人久久| 99精品国产免费久久久久久下载| 久久精品中文字幕有码| 亚洲国产精品成人AV无码久久综合影院| 国产激情久久久久影院| 热久久国产欧美一区二区精品| 天天影视色香欲综合久久|