Jquery HTML中的onkeyup

Jquery HTML中的onkeyup,jquery,html,Jquery,Html,我正在使用HTML和JQuery。现在,我正在尝试在HTML中键入。但它不起作用。 HTML: 小提琴:试试- <input type="text" id="fname"> 使用input事件而不是keyup 在通过用户更改元素的文本内容时发生 接口 您不需要JS来完成此操作。您只需将CSS中的值大写即可:查看此项。您的函数在标记中不可用。在标记中移动它。 function myFunction() { var x = document.getElementById("fname"

我正在使用HTML和JQuery。现在,我正在尝试在HTML中键入。但它不起作用。 HTML:

小提琴:试试-

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

使用
input
事件而不是
keyup

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


您不需要JS来完成此操作。您只需将CSS中的值大写即可:
查看此项。您的函数在标记中不可用。在标记中移动它。
function myFunction() {
var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
}
<input type="text" id="fname">
$(document).ready(function() {
    $('#fname').on('keyup', function() {
        $(this).val($(this).val().toUpperCase());
    })
})
$('#fname').on('input', function() {
        $(this).val($(this).val().toUpperCase());
});