Question

我使用Jquery-Knob作为控制旋钮从数组中选择值，我使用输入作为数组的索引，我将其他信息显示为标签。

    $(".dial").knob({
        displayPrevious : true,
        'min':0,
        'max': this.arrayList.length -1,
        'format' : (knobText)=>{
            if( isNaN(knobText) ){
                return knobText;
            }
            return this.arrayList[knobText].name;
        },
        'change' : (knobValue)=>{
            // Get the new user index
            console.dir("currentKnobIndex: " + Math.floor(knobValue));
            this.currentKnobIndex = Math.floor(knobValue);
        }
    });

我工作得很好，除非我点击旋钮标签并获得焦点以手动写入值。有办法防止这种情况吗？用户应该能够使用鼠标/触摸更改值。我尝试添加“readonly”但它禁用了完成旋钮。

Answer 1

通过在input元素中添加“readonly”属性，可以阻止可编辑选项通过标签。请查看以下演示：

防止手动输入jquery-knob

1 个答案:

`Demo`