Kendo ui 剑道UI滑块/如何禁用键盘输入?
有没有办法禁用剑道UI滑块上的键盘事件?基本上,我想防止在按左右箭头键时更改滑块的值。这可能吗 请注意,slider是作为KO自定义绑定处理程序的一部分动态插入DOM的Kendo ui 剑道UI滑块/如何禁用键盘输入?,kendo-ui,slider,Kendo Ui,Slider,有没有办法禁用剑道UI滑块上的键盘事件?基本上,我想防止在按左右箭头键时更改滑块的值。这可能吗 请注意,slider是作为KO自定义绑定处理程序的一部分动态插入DOM的 ko.bindingHandlers.tone={ init:函数(元素、值访问器){ if(valueAccessor().settingToneEnabled){ 变量$el=$(元素); var tag='; $(标签).appendTo($el); var$slider=$(“#音调滑块”,$el); 变量$delLi
ko.bindingHandlers.tone={
init:函数(元素、值访问器){
if(valueAccessor().settingToneEnabled){
变量$el=$(元素);
var tag=';
$(标签).appendTo($el);
var$slider=$(“#音调滑块”,$el);
变量$delLink=$('a.del',$el);
var$dropdown=$('span.dropdown',$el);
$('a.dropdown-toggle',$dropdown).on('click',function()){
$('.dropdown menu',$dropdown).toggle();
});
$slider.kendoSlider({
更改:功能(e){
var va=valueAccessor();
va值(e值);
if($.isFunction(va.handleUserInput)){
va.handleUserInput();
}
},
显示按钮:错误,
最小:-1,
最高:1,
小步:1,
值:valueAccessor().value()| | 0,
勾选位置:“无”,
工具提示:{
已启用:false
}
});
$('k-draghandle',$el).off('keydown');
$delLink.on('click',函数(e){
e、 预防默认值();
如果($delLink.attr('disabled')){
返回;
}
var va=valueAccessor();
va.value(空);
if($.isFunction(va.handleUserInput)){
va.handleUserInput();
}
});
$el.data('slider',$slider.data(“kendoSlider”);
$el.data('deleteButton',$delLink);
$el.data('dropdown',$dropdown);
}否则{
$('')。附加到(元素);
}
},
更新:函数(元素、值访问器){
变量toneValues={
'1': {
名称:i18n['ps-tonePositive'],
瓦尔:1,
css:“图标色调为正”
},
'0': {
名称:i18n['ps-toneNeutral'],
瓦尔:0,
css:“图标色调中性”
},
'-1': {
名称:i18n['ps-toneNegative'],
瓦尔:0,
css:“图标色调负片”
},
};
变量$tone=$('*[data tone]',元素);
var val=valueAccessor().value()|| 0;
变量tone=toneValues[val.toString()]| | toneValues['0'];
$tone.removeClass()
.addClass('icon').addClass(tone.css)
.attr(标题、音调、名称);
if(valueAccessor().settingToneEnabled){
$(“#音调滑块”,元素).data(“kendoSlider”).value(val);
}
},
};代码>您可以尝试删除keydown处理程序。
请参阅。谢谢塔瑞克。这就是我正在做的(参见编辑问题中的代码)。然而,这对我来说并不奏效。有什么想法吗?你能做一把小提琴吗?这是JS小提琴:。它在这里很好用。尽管听起来很奇怪,但它在我的应用程序中不起作用。一定有什么东西在干扰。。。