在JavaScript中有很多不同的事件，而event.x属性则是其中一个非常常用的属性。通过event.x属性，我们可以获取到当前鼠标相对于屏幕左侧的x轴位置。

举个例子，当我们在网页上移动鼠标的时候，可能需要实现某些效果，比如鼠标跟随、动态高亮等等，这时候就可以使用event.x属性来获取鼠标位置。假设我们有一个div元素：

<div id="box"></div>

我们可以为其添加鼠标移动事件：

document.getElementById("box").onmousemove = function(event) {
var x = event.x;
console.log(x);
}

当我们在box元素上移动鼠标时，console中就会输出当前鼠标相对于屏幕左侧的x轴位置。

除此之外，event.x属性还可以用来计算元素内部坐标。假设我们有一个带有相对定位的元素，并且在其内部有一个绝对定位的子元素，我们想要计算出子元素在父元素内部的x轴坐标，可以这样写：

var parentX = event.currentTarget.offsetLeft;
var childX = event.x - parentX;
console.log(childX);

这样我们就可以获取到子元素在父元素内部的x轴位置了。

需要注意的是，event.x属性的值是相对于屏幕左侧的x轴位置而非文档左侧。如果需要获取鼠标相对于元素内部的位置，可以使用event.clientX和event.offsetLeft属性来计算。

总之，event.x属性是一个非常常用的事件属性，可以帮助我们实现许多鼠标相关的交互效果。无论是跟随效果还是拖动效果，event.x都是不可或缺的一部分。