ByteNote LogoByteNote

Navigation

  • Blog
  • 工具

    © 2025 ByteNote. All rights reserved.

    鼠标事件对象的属性 clientX 和 pageX 的区别

    Jul 24, 20231 min read

    clientX是鼠标事件发生时,鼠标指针相对于浏览器窗口左侧边缘的水平偏移量。它的坐标原点是浏览器窗口的左上角。

    pageX是鼠标事件发生时,鼠标指针相对于整个文档左边缘的水平偏移量。它的坐标原点是整个文档的左上角。

    简而言之,clientX是相对于浏览器窗口的坐标,而pageX是相对于整个文档的坐标。

    相关文章

    Go 项目创建一个自动上传镜像的脚本到阿里云仓库

    该脚本用于自动化Go项目的Docker镜像构建、标记并上传到阿里云镜像仓库。

    next.js 浅路由

    浅层路由允许在Next.js中更新URL而不重新运行数据获取方法,通过设置{ shallow: true }来实现,适用于同一页面内的URL变化,但不适用于不同页面间的跳转。

    行内元素为何不能使用clear属性?

    行内元素不能使用clear属性,因为它们没有独立的浮动状态,需通过转换为块级或行块级元素来实现清除浮动。

    React 18 Server Components 有什么优势呢?

    React 18 Server Components 提供更快的服务端渲染、更少的服务器资源消耗、更好的用户体验、更简单的代码实现以及更好的自定义页面渲染能力。

    JS 合并数组

    该内容展示了如何使用JavaScript中的`concat`方法和扩展运算符`...`来合并数组。