Javascript JS在MouseOver上更改变量

我尝试在MouseOver上更改一个变量，这是我的代码：

$(document).ready(function() {
    var x;
    $(".button").hover(function() {
        console.log (x);
    });        
});
</script>
<div class="button" onmouseover="x = 'y'"> Button </div>

$（文档）.ready（函数（）{
var x；
$（“.button”）.hover（函数（）{
console.log（x）；
});        
});
按钮

您有两个

x

变量

• 全局

  x

  ，在为其指定

  'y'

  时隐式创建
• 传递给

  ready（）

  的匿名函数范围内的

  x

  ，该函数由

  var x显式创建

您给其中一个赋值，并记录另一个的值

---

不要使用内部事件属性。只需通过JavaScript绑定事件处理程序。然后，您可以保持范围清晰，并确保只处理单个

x

$（函数（）{
var x；
$（“按钮”）。打开（'mouseover'，设置值）；
$（“按钮”）。在（'mouseover'，logValue）上；
函数setValue（）{
x=“y”；
}
函数logValue（）{
控制台日志（x）；
}
});

按钮
谢谢，它正在工作，我不需要在函数中声明x变量