Javascript Jquery文本字段在输入Jquery字段后激活我的功能-如何在Jquery中调用函数_Javascript_Jquery_Html

Javascript Jquery文本字段在输入Jquery字段后激活我的功能-如何在Jquery中调用函数

javascript jquery html

Javascript Jquery文本字段在输入Jquery字段后激活我的功能-如何在Jquery中调用函数,javascript,jquery,html,Javascript,Jquery,Html,html和javascript。我想征求意见，我正试图在jquery文本字段中实现一个函数，但它不起作用。如果我在html中创建textfield，那么我使用的代码可以完美地工作，但是如果我使用jquery textfield，它就无法工作 <!DOCTYPE html> <html> <body> Enter your name: <input type="text" id="fname" onblur="myFunction()"> <

html和javascript。我想征求意见，我正试图在jquery文本字段中实现一个函数，但它不起作用。如果我在html中创建textfield，那么我使用的代码可以完美地工作，但是如果我使用jquery textfield，它就无法工作

<!DOCTYPE html>
<html>
<body>

Enter your name: <input type="text" id="fname" onblur="myFunction()">

<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>

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

</body>
</html>


输入您的姓名：
离开输入字段时，将触发一个函数，将输入文本转换为大写
函数myFunction（）{
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
}

这是我应用jquery时的代码try是我的文本字段jquery的id

<!DOCTYPE html>
<html>

        <script type="text/javascript">

    $("#try").on( function () {
   myFunction();
});
function myFunction() {
  var x = document.getElementById("try").value;
                    document.getElementById("try").value = "hi" + x ;

}
        </script>




</html>


$（“#try”）.on（函数（）{
myFunction（）；
});
函数myFunction（）{
var x=document.getElementById（“try”）.value；
document.getElementById（“try”）.value=“hi”+x；
}

因为在声明事件myFunction之前附加了myFunction


函数myFunction（）{
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
}

这是您的示例

尝试以下方法：

Enter your name: <input type="text" id="fname" onblur="myFunction()">
<div id="try">

</div>

<script>
$(document).ready(function(){    
    $("#fname").on("keyup", function () {
        myFunction();
    });
});
function myFunction() {
    var x = document.getElementById("fname").value;
    document.getElementById("try").innerHTML = "hi " + x;
}    
</script>

输入您的姓名：
$（文档）.ready（函数（）{
$（“#fname”）。在（“键控”，函数（）{
myFunction（）；
});
});
函数myFunction（）{
var x=document.getElementById（“fname”）.value；
document.getElementById（“try”）.innerHTML=“hi”+x；
}

您可以使用focusout事件，然后在.val上使用toUpperCase

$（'fname'）。在（'focusout'，function（）{
$（this.val（`hi${$（this.val（）.toUpperCase（）}`）；
});

输入您的姓名：
当您离开输入字段时，将触发一个函数，该函数将输入文本转换为大写。将您的问题答案标记为已接受，下面这些答案都适合您的情况
Enter your name: <input type="text" id="fname" onblur="myFunction()">
<div id="try">

</div>

<script>
$(document).ready(function(){    
    $("#fname").on("keyup", function () {
        myFunction();
    });
});
function myFunction() {
    var x = document.getElementById("fname").value;
    document.getElementById("try").innerHTML = "hi " + x;
}    
</script>