Javascript 如何在HTML加载时自动运行JS_Javascript_Html

Javascript 如何在HTML加载时自动运行JS

javascript html

Javascript 如何在HTML加载时自动运行JS,javascript,html,Javascript,Html,我有以下代码，用于在页面加载后捕获键盘输入。但是，我在让代码在我的网页上自动运行时遇到了一个问题。我查阅了其他文档，他们建议使用： window.onload = function keyboard(e) ……这对我不起作用。感谢您的帮助 <head> <script src="jquery-3.4.1.min.js"></script> window.onload = keyboard; </head> <script>

我有以下代码，用于在页面加载后捕获键盘输入。但是，我在让代码在我的网页上自动运行时遇到了一个问题。我查阅了其他文档，他们建议使用：

window.onload = function keyboard(e)

……这对我不起作用。感谢您的帮助

<head>

<script src="jquery-3.4.1.min.js"></script>

window.onload = keyboard;

</head>


<script>
// On enter show popup with text entered
var chr = '';
$(document).on('keyup', function keyboard(e) {
  chr += String.fromCharCode(e.keyCode);
  console.log(chr);
  $('input:hidden').val(chr);
  if (e.keyCode === 13) {
    alert(chr);
  }
});
</script>


window.onload=键盘；
//输入时显示输入文本的弹出窗口
var-chr=''；
$（文档）.on（'keyup'，功能键盘（e）{
chr+=String.fromCharCode（e.keyCode）；
控制台日志（chr）；
$（'input:hidden'）.val（chr）；
如果（如keyCode===13）{
警报（chr）；
}
});

这里有一些技巧。所有JavaScript代码都需要在一个脚本标记中，如果使用jQuery，可以使用window.onload，但也可以使用它们的.ready（）函数


//因为您有jQuery，所以可以定义代码，以便在页面准备就绪时运行
$（文档）.ready（函数（）{
//输入时显示输入文本的弹出窗口
var-chr=''；
$（文档）.on（'keyup'，功能键盘（e）{
chr+=String.fromCharCode（e.keyCode）；
控制台日志（chr）；
$（'input:hidden'）.val（chr）；
如果（如keyCode===13）{
警报（chr）；
}
});
});

问题出在哪里

var-chr=''；
$（文档）.on（'keyup'，功能键盘（e）{
chr+=String.fromCharCode（e.keyCode）；
控制台日志（chr）；
$（'input:hidden'）.val（chr）；
如果（如keyCode===13）{
警报（chr）；
}
});
问题出在jQuery上。我一定是用错了。下面是有效的修正
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>

// On enter show popup with text entered
var chr = '';
$(document).on('keyup', function test(e) {
  chr += String.fromCharCode(e.keyCode);
  if (e.keyCode === 13) {
    alert(chr);
  }
});
</script>


//输入时显示输入文本的弹出窗口
var-chr=''；
$（文档）.on（'keyup'，功能测试（e）{
chr+=String.fromCharCode（e.keyCode）；
如果（如keyCode===13）{
警报（chr）；
}
});
页面上是否包含jQuery？对于您的窗口。onload。。。试着只做window.onload=键盘函数键盘（e）{…}
我对jQuery有点陌生。你是这样写的吗<代码>

是的，只要该文件与您的网页位于同一文件夹中。它似乎仍然不起作用。我将jQuery添加到头部，并按照指示更改onload。