【问题标题】:Select all (Ctrl+a) keyboard button not working for input filed inside the HTML5 sortable全选 (Ctrl+a) 键盘按钮不适用于 HTML5 可排序中的输入字段
【发布时间】:2015-01-27 13:32:17
【问题描述】:

我使用this HTML5 sortable plugin 进行拖放。在那个可拖动的部分中,我提交了editable text。在编辑时,当我尝试通过键盘命令 ctrl + a 选择输入字段的所有文本时,我注意到文本没有被选择。起初,我不明白这是什么问题。为了测试,我在可排序的内容中放置了一个普通的文本区域,并注意到它也不起作用!所以,这是 HTML5 可排序插件的问题。 Here is my fiddle 在这里您可以看到第一个可编辑文本的 input(位于“可排序内容开始:”文本的外部/上方)通过 ctrl + 一个命令工作,其中可排序内容内的剩余 input 字段不起作用ctrl + 一个。我该如何解决这个问题?

【问题讨论】:

  • 尝试绑定按键事件,如果检测到 ctrl.a(查看事件对象),则复制内容文本。

标签: jquery jquery-ui-sortable


【解决方案1】:

将此添加到您的代码中应该可以做到:

$('.section-sortable').keydown(function(e){
    if (e.keyCode == 65 && e.ctrlKey) {
        e.target.select()
    }

})

它基本上会监听你所在部分的 keydown 事件,如果 keydown 检测到 Ctrl-A 它会“选择”目标。

Fiddle

【讨论】:

  • 看起来不错!谢谢,你能告诉我 65 是什么吗?
猜你喜欢
  • 1970-01-01
  • 2015-05-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多