HotKeys plugin
JSTree的Hotkeys plugin实现键盘操作树结构,依赖于jquery.hotkeys.plugin。
hotkey 类似于键值操作,当点击键盘时,激活相应的事件操作。
默认的快捷键为:"up", "ctrl+up", "shift+up", "down", "ctrl+down", "shift+down", "left", "ctrl+left", "shift+left", "right", "ctrl+right", "shift+right", "space", "ctrl+space", "shift+space", "f2", "del"。
下面是使用快捷键的例子:
<h3>JSTree hotkeys</h3>
By default "up", "ctrl+up", "shift+up", "down", "ctrl+down", "shift+down", "left", "ctrl+left", "shift+left", <br/>
"right", "ctrl+right", "shift+right", "space", "ctrl+space", "shift+space", "f2", "del"<br/>
<div id="demo1" class="demo">
<ul>
<li id="phtml_1">
<a href="#">Root node 1</a>
<ul>
<li id="phtml_2">
<a href="#">Child node 1</a>
</li>
<li id="phtml_3">
<a href="#">Child node 2</a>
</li>
</ul>
</li>
<li id="phtml_4">
<a href="#">Root node 2</a>
</li>
</ul>
</div>
<h4>modify hotkeys please move to https://github.com/jeresig/jquery.hotkeys/blob/master/test-static-01.html</h4>
<script type="text/javascript" class="source">
$(function () {
$("#demo1").jstree({
"core" : { "initially_open" : [ "phtml_1" ] },
"plugins" : ["themes","html_data","ui","crrm","hotkeys"]
});
//$("#demo1").jstree("disable_hotkeys");
});
</script>
上例实现了利用键盘操作树结构的行为。如果不想使用快捷键,最简单的方法是将hotkeys插件从plugins中移除,或者使用代码中的注视部分
$("#demo1").jstree("disable_hotkeys");
如果要激活快捷键操作请使用$("#demo1").jstree("enable_hotkeys");函数。
另:也可以覆盖默认的快捷键,这是jquery插件的一部分,详见:
jquery.hotkeys.plugin
代码请见:
代码 之hotkey-plugin.html