Windows Phone 8.在IE10中不支持autocapitalize

Question

對於iOS & Android，它們的webkit瀏覽器支持輸入元素上的autocapitalize屬性，以控制句子的第一個單詞是否大寫。

在Windows Phone 8 IE10上這不起作用。有誰知道在Windows Phone上實現IE10自動大寫的等效方式嗎？

Answer 1

如果不支持，那麼你必須通過JavaScript自己完成。假設移動瀏覽器正在觸發關鍵和/或更改事件，您可以簡單地掛鉤這些事件並相應地轉換輸入值。

下面是轉換的第一個字母可以用空格開頭，並且一段時間後的第一個字母后跟空格的例子：

$('[autocapitalize="on"]').on('change keyup', function(event) 
{ 
    var selectionStart = event.target.selectionStart; 
    var selectionEnd = event.target.selectionEnd; 

    var element = $(this); 
    element.val(element.val().replace(/^\s*(.)|\.\s+(.)/g, function(letter) 
    { 
     return letter.toUpperCase(); 
    })); 

    event.target.setSelectionRange(selectionStart, selectionEnd); 
}); 

jsfiddle example