Question

有没有办法在javascript中确定是否在移动键盘上按下了Shift键，并将其与大写锁定区分开（两次按下shift键）

Answer 1

一些事实

首先，让我们看一下我认为你已经知道的关于iOS键盘的一些事实：

当您进入键盘模式时，shift键始终处于激活状态
Caps Lock必须手动激活（我猜这不太常用）

iPhone Shift键处理

我对这个问题进行了一些调查，这是我发现的：

shift键触发无关键事件
没有特殊的iPhone浏览器API来检测是否按下了shift键，iOS应用程序除外（duh）
由iOS触发的keydown，keypress，keyup事件看起来很正常，但它们不表示shiftKey使用情况，除了它们的时间戳和类型之外无法区分。
您无法在iOS中手动调度键盘事件，因为this issue，keyCode和which是只读且始终设置为0。重新触发键盘事件以获得关于换档键仍然打开的一些指示是不可能的。
实际上，iPhone会将shift键视为某种Short Term Caps Lock键。不同之处在于，通常情况下，您只需激活一次，它就会自动停用。

可以做什么

我假设您想在输入字段上指示用户是否应该小心按下Shift / Caps Lock（例如，密码字段）。我想出的是某种解决方法，但我认为这比什么都没有好。

You can also test the jsfiddle here

DOM设置

<div id="wrapper">
  <label for="test">ENTER SOMETHING HERE</label>
  <input type="text" name="test" id="test"/>
</div>
<div id="warning"></div>

<强>的Javascript

检查用户输入大写输入的情况，如果输入了两个大写字母，则假定用户正在使用caps lock。

var isCaps = false,
isUppercase = false,
str = '',
test = document.getElementById('test'),
warning = document.getElementById('warning');

function capsDetection(e) {

    // Since where on iOS, we at least don't have to care 
    // about cross-browser stuff
    var s = String.fromCharCode(e.which);
    isCaps = isUppercase;

    // if the char doesn't match its lower case friend, and the shift key is 
    // not pressed (which is always the case on iOS, but we leave it there 
    // for readability), we have uppercase input
    isUppercase = (s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey);

    // if its the second uppercase input in a row, we may have caps lock input
    isCaps = isCaps && isUppercase;

    // set the warning
    if (isUppercase && !isCaps) {
        str = 'You where using the shift key';
    }
    else if (isCaps) {
        str = 'Caps lock seems to be activated';
    } else {
        str = '';
    }
    warning.innerHTML = str;
}

// the right event properties are only available on keypress
test.addEventListener('keypress', capsDetection);

正如我所说的，如果你需要知道在没有用户做任何输入的情况下按下shift键，那么总比没有好，但不是解决方案。现在这似乎是不可能的。

Answer 2

我不认为使用Javascript可以实现这一点。虽然可以使用目标C。

http://developer.apple.com/library/safari/#documentation/UserExperience/Reference/TouchEventClassReference/TouchEvent/TouchEvent.html

iOS上的Safari中的shiftKey

2 个答案:

一些事实

iPhone Shift键处理

可以做什么