禁用手动键盘输入 JavaScript/Oracle JET答案

【问题标题】：Disable a manual keyboard input JavaScript/Oracle JET禁用手动键盘输入 JavaScript/Oracle JET
【发布时间】：2019-01-11 12:23:42
【问题描述】：

我正在使用 Oracle JET 框架开发应用程序，并且我正在使用 Oracle JET Cookbook 中所示的组合框输入。

如何禁用手动键盘输入？

我尝试在输入中添加此命令，但此命令均无效：

onkeypress="return false;"
onkeydown="return false"



<input id="combobox" list="browsers" 
       data-bind="ojComponent: {component: 'ojCombobox', 
                                multiple: true, value: val,
                                rootAttributes: {style:'max-width:20em'}}"/>
<datalist id="browsers">
    <option value="Internet Explorer">Internet Explorer</option>
    <option value="Firefox">Firefox</option>
    <option value="Chrome">Chrome</option>
    <option value="Opera">Opera</option>
    <option value="Safari">Safari</option>
</datalist>

谢谢

【问题讨论】：

组合框的全部意义在于它是文本输入和下拉菜单的组合。如果你只想要一个下拉菜单……你的框架不提供一个吗？
谢谢@昆汀

标签： javascript html oracle-jet

【解决方案1】：

正如 Quentin 在 cmets 部分中提到的，组合框的目的是提供文本输入和下拉菜单的组合。

您可以使用<oj-select-one> 组件来满足您的要求。

<oj-select-one id="basicSelect" value="{{val}}" style="max-width:20em">
   <oj-option value="IE">Internet Explorer</oj-option>
   <oj-option value="FF">Firefox</oj-option>
   <oj-option value="CH">Chrome</oj-option>
   <oj-option value="OP">Opera</oj-option>
   <oj-option value="SA">Safari</oj-option>
</oj-select-one>

这里是组件演示的链接Oracle Jet SelectOne Menu Demo

不确定您使用的 jet 版本如何，但如果您只想使用comboxbox 执行此操作，那么在 jet 5.1 中这是可行的

<oj-combobox-one id="student" 
    value="{{selectedStudent}}" options="[[studentOptions]]"
    onkeydown="return false;">
</oj-combobox-one>

【讨论】：

如果您现在正在使用 JET，并且版本较高 (>=8.0)，您应该使用，因为现在不推荐使用 select-one 组件。 Documentation

【解决方案2】：

利用 onkeydown = "return false;" 作为组件中的属性之一。

    `<oj-combobox-one id="combobox" value="{{val}}"
        style="max-width:20em" onkeydown="return false;">
        <oj-option value="Internet Explorer">Internet Explorer</oj-option>
        <oj-option value="Firefox">Firefox</oj-option>
        <oj-option value="Chrome">Chrome</oj-option>
        <oj-option value="Opera">Opera</oj-option>
        <oj-option value="Safari">Safari</oj-option>
     </oj-combobox-one>`

你可以在这里试试： https://www.oracle.com/webfolder/technetwork/jet-400/jetCookbook.html?component=comboboxOne&demo=single

【讨论】：