jquery - 使触摸屏无法选择文本输入？

Question

我使用 jQuery UI 制作范围 slider 。该插件在 html 中创建一个文本输入来显示范围值。问题是文本区域在触摸屏设备上是可选择的，即使它不可编辑。

如何停止可选择文本输入？我尝试过以下 CSS:

-moz-user-select: none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 user-select: none;

以及以下 jQuery:

$("#amount, #amount2").mousedown(function (evt) {
       evt.stopImmediatePropagation();
       return false;
   });

$("#amount, #amount2").disableSelection();

Answer 1

看起来 CSS user-select CSS 方法确实有效(至少在 Chromium 18/Ubuntu 11.04 中:

#amount {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
}​

JS Fiddle demo .