gpt4 book ai didi

javascript onkeypress 输入文本

转载 作者:行者123 更新时间:2023-12-01 03:07:46 25 4
gpt4 key购买 nike

我正在学习 Javascript.. 仅当我的脚本标记位于输入文本元素下方时,下面的代码才起作用,但如果我将代码放置在输入文本标记上方,则它不起作用。我可以知道为什么吗?下面是代码:

<head>    
</head>
<body>
<input type="text" id="name" >
<script type="text/javascript">
var txtId = document.getElementById('name');
txtId.addEventListener('keypress', function(e){
console.log('Pressed!')
})
</script>
</body>

下面的代码与上面相同,只是我使用的是函数,其中我使用与上面相同的代码。但在这种情况下,我的脚本标签位于输入文本标签之上,并且它可以工作。在这种情况下它是如何工作的?下面是代码:

<head>
<script type="text/javascript">
function keyPressListener(){
var txtId = document.getElementById('name');
txtId.addEventListener('keypress', function(e){
console.log('Pressed!')
})
}
</script>
</head>
<body>
<input type="text" id="name" onkeypress="keyPressListener()">

</body>

那么,上面两个代码到底有什么区别呢?

最佳答案

当您使用onkeypress 属性时。它实际上与 addEventListener 的工作方式相同。您只需编写一个简单的函数并在 onkeypress

中调用它
<input type="text" id="name" onkeypress="keyPressed()">

<script>
function keyPressed(){
console.log('Key Pressed');
}
</script>

关于javascript onkeypress 输入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43673199/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com