HTML中的onkeyup

Question

我正在使用HTML和JQuery。现在我在HTML中尝试onkeyup。但它没有奏效。 HTML：

 <p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p>

输入您的姓名：

JS;

function myFunction() {
var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
}

小提琴：http://jsfiddle.net/qsxccd36/

Answer 1

尝试 -

<input type="text" id="fname">

使用jquery -

$(document).ready(function() {
    $('#fname').on('keyup', function() {
        $(this).val($(this).val().toUpperCase());
    })
})

Answer 2

使用input事件代替keyup

  

在通过用户更改元素的文本内容时发生   接口

$('#fname').on('input', function() {
        $(this).val($(this).val().toUpperCase());
});

Fiddle