?? ext.keymap.html
字號:
?<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.KeyMap-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.KeyMap-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.KeyMap-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.KeyMap-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.KeyMap"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.KeyMap</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> KeyMap.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.KeyMap </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Object </td> </tr> </table> <div class="description"> Ext.KeyMap類負責在某一元素上，鍵盤和用戶動作（Actions）之間的映射。
構建器可接收由<a href="###" onClick="alert('#addBinding');">#addBinding</a>定義的相同配置項對象。
如果你綁定了一個KeyMap的回調函數,KeyMap會在該回調函數上提供下列參數（String key, Ext.EventObject e）
如果匹配的是組合鍵，回調函數也只會執行一次）
KepMap能夠實現以字符串來表示key<br />
一個key可用于多個動作。
用法：
<pre><code>
// 映射key（由keycode指定）
var map = new Ext.KeyMap("my-element", {
key: 13, // 或者是 Ext.EventObject.ENTER
fn: myHandler,
scope: myObject
});
// 映射組合鍵（由字符串指定）
var map = new Ext.KeyMap("my-element", {
key: "a\r\n\t",
fn: myHandler,
scope: myObject
});
// 映射多個動作的組合鍵（由字符串和code數組指定）
var map = new Ext.KeyMap("my-element", [
{
key: [10,13],
fn: function(){ alert("Return was pressed"); }
}, {
key: "abc",
fn: function(){ alert('a, b or c was pressed'); }
}, {
key: "\t",
ctrl:true,
shift:true,
fn: function(){ alert('Control + shift + tab was pressed.'); }
}
]);
</code></pre>
<b>一個KeyMap開始激活</b </div> <div class="hr"> </div> <a id="Ext.KeyMap-configs"></a> <h2>配置項</h2> 這個類沒有配置項。 <a id="Ext.KeyMap-props"></a> <h2>公告屬性</h2> <table cellspacing="0" class="member-table"> <tr> <th colspan="2"> 屬性 </th> <th> 定義者 </th> </tr> <tr class="property-row inherited expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="stopEvent-activeItem"></a> <b> stopEvent: </b> <div class="mdesc"> <div class="short">
如果讓KeyMap來處理key，設置true的話，則停止事件上報（... </div> <div class="long">
如果讓KeyMap來處理key，設置true的話，則停止事件上報（event from bubbling），并阻攔默認瀏覽器動作（默認為false）
</div> </div> </td> <td class="msource"> KeyMap </td> </tr> </table> <a id="Ext.KeyMap-methods"></a> <h2>公共方法</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 方法 </th> <th class="msource-header"> 定義者 </th> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="KeyMap-KeyMap"></a> <b>KeyMap</b> ( <code> Mixed el, </code> <code> Object config, </code> <code> <span class='optional'>[String eventName]</span> </code> ) : Ext.KeyMap <div class="mdesc"> <div class="short"> 構造器 </div> <div class="long"> 構造器 <div class="mdetail-params"> <strong>參數項：</strong> <ul> <li> <code> el </code> : Mixed <div class="sub-desc"> 綁定的元素 </div> </li> <li> <code> config </code> : Object <div class="sub-desc"> T配置項 </div> </li> <li> <code> eventName </code> : String <div class="sub-desc"> </div> </li> </ul> <b>返回：</b> <ul> <li> <code> Ext.KeyMap </code> </li> </ul> </div> </div> </div> </td> <td class="msource"> KeyMap </td> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="addBinding-addBinding"></a> <b>addBinding</b> ( <code> Object config </code> ) <div class="mdesc"> <div class="short">
新增該KeyMap的新綁定。下列配置項（對象的屬性）均被支持：
... </div> <div class="long">
新增該KeyMap的新綁定。下列配置項（對象的屬性）均被支持：
<pre>
屬性 類型 描述
---------- --------------- ----------------------------------------------------------------------
key String/Array 進行處理的單個keycode或keycodes組成的數組
shift Boolean True：只有shift按下的的同時處理key （默認false）
ctrl Boolean True：只有ctrl按下的的同時處理key （默認false）
handler Function 當KeyMap找到預期的組合鍵時所執行的函數
alt Boolean True：只有alt按下的的同時處理key （默認false）
fn Function 當組合鍵按下后回調函數
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -