source.style.top=event.clientY-75+'px';
source.style.left=event.clientX-75+'px';

这两句中event是啥？规定好的吗？client是啥？event.client又是啥？规定好的吗？还是指代什么？

在 source.style.top=event.clientY-75+'px'; 这两行代码中，event 是事件对象，client 是客户端坐标系的缩写。

‌event 是什么？‌
event 是浏览器在触发事件时自动传入的事件对象。在 dragend 事件处理函数中，event 是浏览器自动提供的参数，包含了拖放操作的所有相关信息。这是 JavaScript 事件处理的标准做法，event 是规定好的参数名，用于访问事件的详细信息。

‌client 是什么？‌
client 是 "client" 的缩写，指的是‌客户端坐标系‌。在浏览器中，客户端坐标系是以浏览器窗口左上角为原点的坐标系统，坐标值表示元素距离浏览器窗口边缘的距离。

‌event.clientY 和 event.clientX 是什么？‌
event.clientY 和 event.clientX 是事件对象的属性，分别表示鼠标指针在‌客户端坐标系‌中的垂直坐标和水平坐标。这些属性是浏览器标准 API 的一部分，规定好了的。

具体来说：

• event.clientX：鼠标指针相对于浏览器窗口左侧的距离（像素）

• event.clientY：鼠标指针相对于浏览器窗口顶部的距离（像素）

这些属性是事件对象的标准属性，不是自定义的，浏览器会自动填充这些值。在拖拽操作中，它们用于确定鼠标当前位置，从而实现元素跟随鼠标移动的效果。

所以 event.clientY-75+'px' 表示将元素的顶部位置设置为鼠标垂直位置减去 75 像素，这样可以实现元素在鼠标位置处显示的效果。