角度拖放保存在数据库中的位置和屏幕大小调整问题

Angular drag and drop save location in database and screen resize issue

本文关键字：屏幕 问题 调整 位置 拖放 保存 存在 数据库      更新时间：2023-09-26

我正在开发一个应用程序，其中我有一个Image，我正在删除一个div。现在我想将X和Y位置保存到数据库中，这样当用户返回时，位置保持不变。

现在的问题是，如果用户登录到另一台计算机的屏幕分辨率可能不同，并且X和Y在该计算机上的位置不准确。

有人能告诉我如何解决这个问题吗。

我想保存删除的div的相对位置，而不是绝对的。

我使用的是棱角分明的引导程序。

Bipin-

要获取鼠标光标的相对位置，可以使用jQuery的事件mousemove来获取该位置：

http://api.jquery.com/event.pageY/

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.pageY demo</title>
  <style>
  body {
    background-color: #eef;
  }
  div {
    padding: 20px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="log"></div>
<script>
$( document ).on( "mousemove", function( event ) {
  $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );
});
</script>
</body>
</html>

要获得相对位置，请确定您希望位置相对于的DIV，并将其作为应用"mousemove"的函数中的选择器（替换文档）传递。然后，您可以将该位置保存到后端的数据库中，并在用户返回页面时调用它。

当位置超出当前窗口大小时，您如何处理，但您可以始终在DIV上使用滚动条，并希望您的用户最好知道如何滚动以查看他们将图像放在哪里。

相关文章：