页面元素自动布局方法和装置制造方法及图纸

本申请提出一种页面元素自动布局方法和装置，其中，方法包括：在获取到调用鼠标按下事件函数的第一请求时，根据所述第一请求中包含的第一位置，确定目标移动元素；在获取到调用鼠标抬起事件函数的第二请求时，根据所述第二请求中包含的第二位置，修改所述目标移动元素顺序属性值；根据修改后的所述目标移动元素顺序属性值，调整所述目标移动元素的位置。通过本方法，能够实现页面元素的自动布局，简化网页布局操作步骤，提高页面布局的整洁度和美观度，解决现有技术中页面元素布局过程复杂、无法实现自动布局、网页布局混乱的技术问题。

【技术实现步骤摘要】
页面元素自动布局方法和装置
本申请涉及互联网
，尤其涉及一种页面元素自动布局方法和装置。
技术介绍
网页布局是将图片和文字排放在页面的不同位置，对于相同的网页内容，不同用户会有不同的布局设计。网页布局直接影响网页的用户体验。随着网页技术的发展，用户对个性化定制网页的需求越来越强烈。目前，相关技术中，用户对网页内容进行拖拽来改变网页布局时，需要先对选中的内容节点进行标记，再确定待插入的目标节点，计算插入点在目标节点的偏移量，进而按照标记寻找内容节点并将其插入到目标节点内偏移量个字符后。然而，这种拖拽方式需要预先标记拖拽内容以及计算所需的偏移量，操作过程复杂，且无法实现网页元素的自动布局，导致网页布局混乱、美观度差。
技术实现思路
本申请提供一种页面元素自动布局方法和装置，以解决现有技术中页面元素布局过程复杂、无法实现自动布局、网页布局混乱的技术问题。为此，本申请第一方面提出了一种页面元素自动布局方法，以实现页面元素的自动布局，简化网页布局操作步骤，提高页面布局的整洁度和美观度。本申请第二方面提出了一种页面元素自动布局装置。本申请第三方面提出了一种计算机设备。本申请第四方面提出了一种非本文档来自技高网...

【技术保护点】
1.一种页面元素自动布局方法，其特征在于，包括：在获取到调用鼠标按下事件函数的第一请求时，根据所述第一请求中包含的第一位置，确定目标移动元素；在获取到调用鼠标抬起事件函数的第二请求时，根据所述第二请求中包含的第二位置，修改所述目标移动元素顺序属性值；根据修改后的所述目标移动元素顺序属性值，调整所述目标移动元素的位置。

【技术特征摘要】
1.一种页面元素自动布局方法，其特征在于，包括：在获取到调用鼠标按下事件函数的第一请求时，根据所述第一请求中包含的第一位置，确定目标移动元素；在获取到调用鼠标抬起事件函数的第二请求时，根据所述第二请求中包含的第二位置，修改所述目标移动元素顺序属性值；根据修改后的所述目标移动元素顺序属性值，调整所述目标移动元素的位置。2.如权利要求1所述的方法，其特征在于，所述确定目标移动元素之后，还包括：调整所述目标移动元素的点击事件属性值，以将所述目标移动元素从鼠标监听对象中移除。3.如权利要求1所述的方法，其特征在于，所述确定目标移动元素之后，还包括：调整所述目标移动元素的位置属性值，以获取所述目标移动元素相对当前页面的定位值；根据获取的调用鼠标移动事件函数的第三请求中的位置信息，修改所述目标移动元素的定位值。4.如权利要求1所述的方法，其特征在于，所述确定目标移动元素之后，还包括：根据所述目标移动元素的尺寸属性，修改预设的插入元素的尺寸属性；调整预设的插入元素的显示属性，以使所述预设的插入元素处于可见状态；根据获取的调用鼠标移动事件函数的第三请求中的位置信息，修改所述预设的插入元素的顺序属性值。5.如权利要求4所述的方法，其特征在于，所述修改所述目标移动元素顺序属性值，包括：在获取到调用鼠标抬起事件函数的第二请求时，根据所述预设的插入元素的顺序属性值，确定所述目标移动元素的顺序属性值。6.如权利要求5所述的方法，其特征在于，所述调整所述目标移动元素的位置之前，还包括：调整预设的插入元素的显示属性，以使所述预设的插入元素处于隐藏状态。7.如权利要求1-6任一项所述的方法，其特征在于，所述确定所述目标移动元素顺序属性值，包括：根据当前页面中每个容器及每个元素的位置信息，确定所述第二位置对应的目标对象；若所述第二位置对应的目标对象为空容器，则按照第一预设的规则，生成所述目标移...

【专利技术属性】
技术研发人员：俞亮，
申请(专利权)人：天津字节跳动科技有限公司，
类型：发明
国别省市：天津,12