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