jQWidgets jqxWindow keyboardNavigation属性

jQWidgets jqxWindow keyboardNavigation属性详解

在 jQWidgets jqxWindow 控件中 keyboardNavigation 属性可以开启或关闭通过键盘控制窗口控件的功能。

开启键盘控制窗口控件功能

在默认情况下，keyboardNavigation 属性的值为 true，开启键盘控制窗口控件功能。此时用户可以通过按下键盘的 tab 键实现焦点在窗口内组件之间切换。

示例代码如下：

<div id="window">
    <div>窗口中的组件1</div>
    <div>窗口中的组件2</div>
</div>

<script>
    $("#window").jqxWindow({
        keyboardNavigation: true
    });
</script>

关闭键盘控制窗口控件功能

如果不想让用户通过键盘控制窗口控件，可以将 keyboardNavigation 属性的值设置为 false。

示例代码如下：

<div id="window">
    <div>窗口中的组件1</div>
    <div>窗口中的组件2</div>
</div>

<script>
    $("#window").jqxWindow({
        keyboardNavigation: false
    });
</script>

在设置 keyboardNavigation 属性为 false 的情况下，用户通过键盘无法访问窗口控件内部的组件。

总结

通过以上两个示例可以看出，keyboardNavigation 属性可以帮助用户使用键盘方便地控制窗口控件内部的组件，如果不想让用户通过键盘访问窗口控件内部的组件，可以将 keyboardNavigation 属性设置为 false。