javascript - 尝试分配多个焦点事件

Question

我正在尝试让多个焦点事件发生，但我似乎无法让它发挥作用。只有第一个被拾起。

<script>
function myFunction1(x) {
    x.style.background = "lightblue" 
} 

function myFunction2(x) {
    x.value.toUpperCase();
}
</script>

Enter your name: <input type="text" onfocus="myFunction1(this);myFunction2(this)">

脚本位于 head 标签之间，确实需要留在那里。我确定我只是遗漏了一些简单的东西，但似乎简单的东西总是最难弄明白的!

Answer 1

两个函数都在执行。您实际上需要将值分配回输入

 x.value = x.value.toUpperCase();

function myFunction1(x) {
    x.style.background = "lightblue" 
} 

function myFunction2(x) {
    x.value = x.value.toUpperCase();
}

Enter your name: <input type="text" onfocus="myFunction2(this);myFunction1(this)">

但通常情况下，我会为此添加事件处理程序。 here