Question

我正在使用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>

谢谢

Answer 1

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

您可以根据需要使用<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>

Answer 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

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

2 个答案: