禁用手動鍵盤輸入JavaScript / Oracle JET

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菜單演示

不確定在您使用的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