CN103902580A - 一种实现网页内多元素拖动的方法和装置 - Google Patents

一种实现网页内多元素拖动的方法和装置 Download PDF

Info

Publication number
CN103902580A
CN103902580A CN201210579296.8A CN201210579296A CN103902580A CN 103902580 A CN103902580 A CN 103902580A CN 201210579296 A CN201210579296 A CN 201210579296A CN 103902580 A CN103902580 A CN 103902580A
Authority
CN
China
Prior art keywords
current coordinate
mouse
drags
interim
multiple elements
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201210579296.8A
Other languages
English (en)
Other versions
CN103902580B (zh
Inventor
陈映平
龙丁奋
郭学亨
李晶
吴浩
刘恒兵
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201210579296.8A priority Critical patent/CN103902580B/zh
Publication of CN103902580A publication Critical patent/CN103902580A/zh
Application granted granted Critical
Publication of CN103902580B publication Critical patent/CN103902580B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供了一种实现网页内多元素拖动的方法，该方法包括：当检测到鼠标选中多个元素并进行拖动时，创建用于模拟所述多个元素的聚合状态的第一临时元素，并设置所述第一临时元素的当前坐标为拖动前鼠标的当前坐标；在鼠标拖动的过程中，获取鼠标的当前坐标，如果鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量超过预设阈值，则将所述第一临时元素的当前坐标设置为鼠标的当前坐标；检测到鼠标拖动结束时，根据鼠标的当前坐标设置所述多个元素的当前坐标，并删除所述第一临时元素。本发明能够同时支持拖动多个元素，且能够兼容所有主流浏览器。

Description

一种实现网页内多元素拖动的方法和装置
技术领域
本申请涉及计算机技术领域，特别涉及一种实现网页内多元素拖动的方法和装置。
背景技术
目前实现网页内元素拖放的技术方案主要有两种，一种是通过在浏览器系统内置对拖动事件的支持实现网页内元素拖动；另一种是通过HTML5的drag API实现网页内元素拖动。
通过在浏览器系统内置对拖动事件的支持实现网页内元素拖动的方案如下：
（1）监听鼠标移动（mousemove）事件，当检测到用户在某元素E上按下鼠标左键并移动鼠标时，调用系统内置的drag Drop方法初始化E；
（2）监听拖动开始（dragstart）事件，在E被正式拖动前，对E进行必要的初始化，例如改变E的透明度；
（3）监听拖动（drag）事件，对于默认不支持拖动的元素，需获取鼠标当前鼠标的坐标位置(x，y)，并根据该坐标相应设置E的坐标位置；
（4）监听拖动结束（dragend）事件，拖动事件结束。
通过在浏览器系统内置对拖动事件的支持实现网页内元素拖动的方案，同一时间内只支持拖动一个元素，且仅适用于windows平台特定版本的IE浏览器。
通过HTML5的drag API实现网页内元素拖动的方案如下：
（1）对于将要拖动的元素F，将其draggable属性设置为true；
（2）监听dragstart事件，在F被正式拖动前，对F进行必要的初始化，例如改变F的透明度；
（3）监听drag事件，在F被拖动的过程中，进行必要的处理，例如显示F的坐标；
（4）监听dragend事件，拖动事件结束。
通过HTML5的drag API实现网页内元素拖动的方案，同一时间内也只支持拖动一个元素，且仅适用于支持HTML5的浏览器，对于低版本浏览器（例如IE9版本以下的IE浏览器）则不支持。
发明内容
有鉴于此，本发明的目的在于提供一种实现网页内多元素拖动的方法，该方法能够同时支持拖动多个元素，且能够兼容所有主流浏览器。
为了达到上述目的，本发明提供了一种实现网页内多元素拖动的方法，该方法包括：
当检测到鼠标选中多个元素并进行拖动时，创建用于模拟所述多个元素的聚合状态的第一临时元素，并设置所述第一临时元素的当前坐标为拖动前鼠标的当前坐标；
在鼠标拖动的过程中，获取鼠标的当前坐标，如果鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量超过预设阈值，则将所述第一临时元素的当前坐标设置为鼠标的当前坐标；
检测到鼠标拖动结束时，根据鼠标的当前坐标设置所述多个元素的当前坐标，并删除所述第一临时元素。
本发明还提供了一种实现网页内多元素拖动的装置，该装置包括：检测单元，创建单元，平移单元，删除单元；
所述检测单元，用于检测鼠标是否选中了多个元素并进行拖动；用于检测鼠标拖动是否结束；
所述创建单元，用于检测单元检测到鼠标选中了多个元素并进行拖动时，创建用于模拟所述多个元素的聚合状态的第一临时元素，并设置所述第一临时元素的当前坐标为拖动前鼠标的当前坐标；
所述平移单元，用于在鼠标拖动过程中，获取鼠标的当前坐标，如果鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量超过预设阈值，则将所述第一临时元素的当前坐标设置为鼠标的当前坐标；用于检测单元检测到鼠标拖动结束时，根据鼠标的当前坐标设置所述多个元素的当前坐标；
所述删除单元，用于检测单元检测到鼠标拖动结束后，删除所述第一临时元素。
综上所述，本发明中，在多个元素被鼠标选中并进行拖动时，创建用于模拟该多个元素的聚合状态的临时元素，在鼠标拖动过程中根据鼠标的当前坐标对该临时元素的当前坐标进行设置，并在鼠标拖动结束后根据鼠标的当前坐标设置该多个元素的坐标，从而实现同时拖动多个元素，而且该方法不需要依赖系统内置的功能，也不需要依赖于特定的浏览器或脚本语言，因此可以兼容所有主流浏览器。
附图说明
图1是本发明实施例实现网页内多元素拖动的方法流程图；
图2是本发明实施例实现网页内多元素拖动的装置的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，下面结合附图并举实施例，对本发明的技术方案进行详细说明。
参见图1，图1是本发明实施例实现网页内多元素拖动的方法流程图，主要包括以下步骤：
步骤101、当检测到鼠标选中多个元素并进行拖动时，创建用于模拟所述多个元素的聚合状态的第一临时元素，并设置所述第一临时元素的当前坐标为拖动前鼠标的当前坐标。
这里，可以预先为网页内的每个元素设置一个区别于其它元素的标识（ID），当该元素被选中时，记录该被选中元素的ID，当网页中的多个元素被鼠标选中并拖动时，可以根据记录的被选中元素的ID确定网页中的哪些元素被选中。
当网页中的多个元素被鼠标选中并拖动时，可以模拟被选中的多个元素模的聚合状态，在拖动前鼠标的当前坐标位置处创建一个用于模拟该多个元素的聚合状态的临时元素（本实施例中，称为第一临时元素），该临时元素的当前坐标与拖动前鼠标的当前坐标相同。
本步骤中，创建的第一临时元素的透明度可以稍低于所述多个元素的透明度。
步骤102、在鼠标拖动的过程中，获取鼠标的当前坐标，如果鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量超过预设阈值，则将所述第一临时元素的当前坐标设置为鼠标的当前坐标。
在鼠标拖动的过程中，第一临时元素的坐标位置应随着鼠标的拖动位置变化而变化，使用户能够在视觉上直观感受到被选中元素的拖动过程。为此，本实施例中，需在鼠标拖动过程不断获取鼠标的当前坐标，当鼠标的当前坐标与第一临时元素的当前坐标之间的偏移量超过一个预设阈值时，移动第一临时元素到鼠标的当前坐标位置，通过将第一临时元素的当前坐标设置为鼠标的当前坐标就可以达到移动第一临时元素到鼠标的当前坐标位置的目的。
在实际应用中，可以采用以下公式计算拖动过程中鼠标的当前坐标与第一临时元素的当前坐标之间的偏移量：
Diff=|y1-y2|+|x1-x2|，其中，Diff为鼠标的当前坐标与第一临时元素的当前坐标之间的偏移量，鼠标的当前坐标为（x1，y1），第一临时元素的当前坐标为（x2，y2），|A-B|表示A与B的差值的绝对值。
也可以采用其它方法计算拖动过程中鼠标的当前坐标与第一临时元素的当前坐标之间的偏移量，例如，将鼠标的当前坐标与第一临时元素的当前坐标之间的距离作为鼠标的当前坐标与第一临时元素的当前坐标之间的偏移量。
步骤103、检测到鼠标拖动结束时，根据鼠标的当前坐标设置所述多个元素的当前坐标，并删除所述第一临时元素。
这里，当鼠标被放开时，鼠标拖动结束，此时，鼠标的当前坐标位置也即是被选中和拖动的多个元素需要被拖放的目标位置，因此，可以鼠标拖动结束时鼠标的当前坐标来对被选中和拖动的多个元素的当前坐标进行设置，使得被选中和拖动的多个元素显示在新的拖动位置。
图1所示本发明实施例中，为了更好的模拟网页内元素被拖放的过程，还可以在检测到鼠标选中多个元素并进行拖动时，获取拖动前被选中的多个元素的当前坐标，并在被选中的各元素的当前坐标位置处创建一个对应的临时元素（本实施例中，称为第二临时元素，其透明度可以稍低于其对应的被选中元素），然后按照被选中的各元素对应的第二临时元素的当前坐标与拖动前鼠标的当前坐标的位置关系，将该第二临时元素平滑移动到拖动前鼠标的当前坐标，同时删除该第二临时元素，此后再执行创建用于模拟所述多个元素的聚合状态的第一临时元素以及根据拖动过程中鼠标的当前坐标变化设置第一临时元素的当前坐标等操作。
图1所示本发明实施例中，被选中的多个元素被拖动结束后，可以按照各元素之间原有的相对位置关系进行拖放显示，也可以不再按照各元素之间原有的相对位置关系进行拖放显示。
如果按照各元素之间原有的相对位置关系进行拖放显示，则在检测到鼠标选中多个元素并进行拖动时，需要获取拖动前被选中的多个元素的当前坐标。步骤103中所述根据鼠标的当前坐标设置所述多个元素的当前坐标时的具体方法可以为：针对所述多个元素中的每个元素，确定拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系，设置该元素的当前坐标使设置后该元素的当前坐标与鼠标拖动结束时鼠标的当前坐标之间的位置关系和拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系相同。
如果不再按照各元素之间原有的相对位置关系进行拖放显示，则步骤103中所述根据所述第一临时元素的当前坐标设置所述多个元素的当前坐标时的具体方法可以为：将所述多个元素的当前坐标设置为第一临时元素的当前坐标。
以上对本发明实施例实现网页内多元素拖动的方法进行了详细说明，本发明还提供了一种实现网页内多元素拖动的装置。
参见图2，图2是本发明实施例实现网页内多元素拖动的装置的结构示意图，该装置包括：检测单元201，创建单元202，平移单元203，删除单元204；其中，
检测单元201，用于检测鼠标是否选中了多个元素并进行拖动；用于检测鼠标拖动是否结束；
创建单元202，用于检测单元201检测到鼠标选中了多个元素并进行拖动时，创建用于模拟所述多个元素的聚合状态的第一临时元素，并设置所述第一临时元素的当前坐标为拖动前鼠标的当前坐标；
平移单元203，用于在鼠标拖动过程中（检测单元201检测到鼠标拖动未结束），获取鼠标的当前坐标，如果鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量超过预设阈值，则将所述第一临时元素的当前坐标设置为鼠标的当前坐标；用于检测单元检测到鼠标拖动结束时，根据鼠标的当前坐标设置所述多个元素的当前坐标；
删除单元204，用于检测单元201检测到鼠标拖动结束后，删除所述第一临时元素。
上述装置中，所述创建单元202，进一步用于在检测单元201检测到鼠标选中多个元素并进行拖动时，获取拖动前所述多个元素的当前坐标。
所述创建单元202，进一步用于在检测单元201检测到鼠标选中多个元素并进行拖动时，创建所述多个元素中每个元素对应的第二临时元素，将该第二临时元素的当前坐标设置为该元素的当前坐标；
所述平移单元203，进一步用于计算所述多个元素中每个元素对应的第二临时元素的当前坐标与拖动前鼠标的当前坐标的位置关系，根据所述位置关系，将该第二临时元素平滑移动到拖动前鼠标的当前坐标；
所述删除单元204，进一步用于平移单元203将所述多个元素中每个元素对应的第二临时元素平滑移动到拖动前鼠标的当前坐标后，删除该第二临时元素。
上述装置中，所述平移单元203在根据鼠标的当前坐标设置所述多个元素的当前坐标时，用于：针对所述多个元素中的每个元素，确定拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系，设置该元素的当前坐标使设置后该元素的当前坐标与鼠标的当前坐标之间的位置关系和拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系相同。
所述平移单元203采用以下公式计算拖动过程中鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量：
Diff=|y1-y2|+|x1-x2|，其中，Diff为鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量，鼠标的当前坐标为（x1，y1），第一临时元素的当前坐标为（x2，y2），|A-B|表示A与B的差值的绝对值。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (10)

1.一种实现网页内多元素拖动的方法，其特征在于，该方法包括：
当检测到鼠标选中多个元素并进行拖动时，创建用于模拟所述多个元素的聚合状态的第一临时元素，并设置所述第一临时元素的当前坐标为拖动前鼠标的当前坐标；
在鼠标拖动的过程中，获取鼠标的当前坐标，如果鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量超过预设阈值，则将所述第一临时元素的当前坐标设置为鼠标的当前坐标；
检测到鼠标拖动结束时，根据鼠标的当前坐标设置所述多个元素的当前坐标，并删除所述第一临时元素。
2.根据权利要求1所述的实现网页内多元素拖动的方法，其特征在于，
检测到鼠标选中多个元素并进行拖动时，进一步包括：获取拖动前所述多个元素的当前坐标。
3.根据权利要求2所述的实现网页内多元素拖动的方法，其特征在于，
检测到鼠标选中多个元素并进行拖动时，进一步包括：创建所述多个元素中每个元素对应的第二临时元素，将该第二临时元素的当前坐标设置为该元素的当前坐标，计算该第二临时元素的当前坐标与拖动前鼠标的当前坐标的位置关系，根据所述位置关系，将该第二临时元素平滑移动到拖动前鼠标的当前坐标，并删除该第二临时元素。
4.根据权利要求2或3所述的实现网页内多元素拖动的方法，其特征在于，
所述根据鼠标的当前坐标设置所述多个元素的当前坐标的方法为：针对所述多个元素中的每个元素，确定拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系，设置该元素的当前坐标使设置后该元素的当前坐标与鼠标的当前坐标之间的位置关系和拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系相同。
5.根据权利要求1所述的实现网页内多元素拖动的方法，其特征在于，
计算拖动过程中鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量的方法为采用以下公式：
Diff=|y1-y2|+|x1-x2|，其中，Diff为鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量，鼠标的当前坐标为（x1，y1），第一临时元素的当前坐标为（x2，y2），|A-B|表示A与B的差值的绝对值。
6.一种实现网页内多元素拖动的装置，其特征在于，该装置包括：检测单元，创建单元，平移单元，删除单元；
所述检测单元，用于检测鼠标是否选中了多个元素并进行拖动；用于检测鼠标拖动是否结束；
所述创建单元，用于检测单元检测到鼠标选中了多个元素并进行拖动时，创建用于模拟所述多个元素的聚合状态的第一临时元素，并设置所述第一临时元素的当前坐标为拖动前鼠标的当前坐标；
所述平移单元，用于在鼠标拖动过程中，获取鼠标的当前坐标，如果鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量超过预设阈值，则将所述第一临时元素的当前坐标设置为鼠标的当前坐标；用于检测单元检测到鼠标拖动结束时，根据鼠标的当前坐标设置所述多个元素的当前坐标；
所述删除单元，用于检测单元检测到鼠标拖动结束后，删除所述第一临时元素。
7.根据权利要求6所述的实现网页内多元素拖动的装置，其特征在于，
所述创建单元，进一步用于在检测单元检测到鼠标选中多个元素并进行拖动时，获取拖动前所述多个元素的当前坐标。
8.根据权利要求7所述的实现网页内多元素拖动的装置，其特征在于，
所述创建单元，进一步用于在检测单元检测到鼠标选中多个元素并进行拖动时，创建所述多个元素中每个元素对应的第二临时元素，将该第二临时元素的当前坐标设置为该元素的当前坐标；
所述平移单元，进一步用于计算所述多个元素中每个元素对应的第二临时元素的当前坐标与拖动前鼠标的当前坐标的位置关系，根据所述位置关系，将该第二临时元素平滑移动到拖动前鼠标的当前坐标；
所述删除单元，进一步用于平移单元将所述多个元素中每个元素对应的第二临时元素平滑移动到拖动前鼠标的当前坐标后，删除该第二临时元素。
9.根据权利要求7或8所述的实现网页内多元素拖动的装置，其特征在于，
所述平移单元在根据所述第一临时元素的当前坐标设置所述多个元素的当前坐标时，用于：针对所述多个元素中的每个元素，确定拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系，设置该元素的当前坐标使设置后该元素的当前坐标与鼠标的当前坐标之间的位置关系和拖动前该元素的当前坐标与拖动前鼠标的当前坐标之间的位置关系相同。
10.根据权利要求6所述的实现网页内多元素拖动的装置，其特征在于，
所述平移单元采用以下公式计算拖动过程中鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量：
Diff=|y1-y2|+|x1-x2|，其中，Diff为鼠标的当前坐标与所述第一临时元素的当前坐标之间的偏移量，鼠标的当前坐标为（x1，y1），第一临时元素的当前坐标为（x2，y2），|A-B|表示A与B的差值的绝对值。
CN201210579296.8A 2012-12-28 2012-12-28 一种实现网页内多元素拖动的方法和装置 Active CN103902580B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210579296.8A CN103902580B (zh) 2012-12-28 2012-12-28 一种实现网页内多元素拖动的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210579296.8A CN103902580B (zh) 2012-12-28 2012-12-28 一种实现网页内多元素拖动的方法和装置

Publications (2)

Publication Number Publication Date
CN103902580A true CN103902580A (zh) 2014-07-02
CN103902580B CN103902580B (zh) 2018-09-28

Family

ID=50993908

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210579296.8A Active CN103902580B (zh) 2012-12-28 2012-12-28 一种实现网页内多元素拖动的方法和装置

Country Status (1)

Country Link
CN (1) CN103902580B (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106503009A (zh) * 2015-09-07 2017-03-15 阿里巴巴集团控股有限公司 显示页面中数据的转移方法及装置
CN106610830A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 页面元素的拖放方法及装置
CN107728868A (zh) * 2016-08-11 2018-02-23 阿里巴巴集团控股有限公司 同步移动页面中的组件的方法、装置和移动终端
CN108984565A (zh) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN109062871A (zh) * 2018-07-03 2018-12-21 北京明略软件系统有限公司 一种文本标注方法和装置、计算机可读存储介质
CN109213409A (zh) * 2017-07-01 2019-01-15 武汉斗鱼网络科技有限公司 网页中拖拽组件定位方法、存储介质、电子设备及系统
CN117472380A (zh) * 2023-12-28 2024-01-30 江西铜锐信息技术有限公司 一种前端表单生成方法及系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040100501A1 (en) * 2002-11-25 2004-05-27 Dornback Jason Robert Method of dragging and dropping defined objects to or from a web page
CN101223496A (zh) * 2005-07-13 2008-07-16 微软公司 丰富的拖放用户界面
CN102707650A (zh) * 2004-05-04 2012-10-03 费舍-柔斯芒特系统股份有限公司 过程环境中的脚本图形
CN102789353A (zh) * 2011-05-20 2012-11-21 腾讯科技（深圳）有限公司 触摸屏移动设备上操作桌面对象的方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040100501A1 (en) * 2002-11-25 2004-05-27 Dornback Jason Robert Method of dragging and dropping defined objects to or from a web page
CN102707650A (zh) * 2004-05-04 2012-10-03 费舍-柔斯芒特系统股份有限公司 过程环境中的脚本图形
CN101223496A (zh) * 2005-07-13 2008-07-16 微软公司 丰富的拖放用户界面
CN102789353A (zh) * 2011-05-20 2012-11-21 腾讯科技（深圳）有限公司 触摸屏移动设备上操作桌面对象的方法及装置

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106503009B (zh) * 2015-09-07 2019-12-06 阿里巴巴集团控股有限公司 显示页面中数据的转移方法及装置
WO2017041632A1 (zh) * 2015-09-07 2017-03-16 阿里巴巴集团控股有限公司 显示页面中数据的转移方法及装置
CN106503009A (zh) * 2015-09-07 2017-03-15 阿里巴巴集团控股有限公司 显示页面中数据的转移方法及装置
CN106610830A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 页面元素的拖放方法及装置
CN107728868B (zh) * 2016-08-11 2021-03-09 阿里巴巴集团控股有限公司 同步移动页面中的组件的方法、装置和移动终端
CN107728868A (zh) * 2016-08-11 2018-02-23 阿里巴巴集团控股有限公司 同步移动页面中的组件的方法、装置和移动终端
CN108984565A (zh) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN108984565B (zh) * 2017-06-02 2020-04-24 视联动力信息技术股份有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN109213409A (zh) * 2017-07-01 2019-01-15 武汉斗鱼网络科技有限公司 网页中拖拽组件定位方法、存储介质、电子设备及系统
CN109062871A (zh) * 2018-07-03 2018-12-21 北京明略软件系统有限公司 一种文本标注方法和装置、计算机可读存储介质
CN109062871B (zh) * 2018-07-03 2022-05-13 北京明略软件系统有限公司 一种文本标注方法和装置、计算机可读存储介质
CN117472380A (zh) * 2023-12-28 2024-01-30 江西铜锐信息技术有限公司 一种前端表单生成方法及系统
CN117472380B (zh) * 2023-12-28 2024-03-22 江西铜锐信息技术有限公司 一种前端表单生成方法及系统

Also Published As

Publication number Publication date
CN103902580B (zh) 2018-09-28

Similar Documents

Publication Publication Date Title
CN103902580A (zh) 一种实现网页内多元素拖动的方法和装置
US9612675B2 (en) Emulating pressure sensitivity on multi-touch devices
US20130215018A1 (en) Touch position locating method, text selecting method, device, and electronic equipment
CN104076986A (zh) 一种用于多点触摸终端的触摸控制方法与设备
US20160062613A1 (en) Electronic device for copying and pasting objects and method thereof
JP2015512078A (ja) 直接操作を使用する確信的アイテム選択
CN103838456A (zh) 一种桌面图标显示位置的控制方法及系统
JP2017504877A (ja) フローティングタッチに基づくクリックオブジェクト拡大のための方法および装置
US9459775B2 (en) Post-touchdown user invisible tap target size increase
CN104991696A (zh) 一种信息处理方法及电子设备
EP2936437A1 (en) Systems and methods for presenting a free-form drawing
CN103412720A (zh) 处理触控式输入信号的方法及其装置
CN107395995A (zh) 移动终端及其旋转摄像头控制方法
CN104536643A (zh) 一种图标拖动方法及终端
CN104834430A (zh) 图标移动方法及装置
CN103414829A (zh) 一种控制屏幕内容的方法、装置及终端设备
CN102750035B (zh) 光标显示位置的确定方法和装置
TWI493390B (zh) 觸控游標的顯示方法
CN104820565A (zh) 滑动操作指令处理方法及终端
CN103365444A (zh) 一种终端设备上触摸屏的触控方法和终端设备
US10073612B1 (en) Fixed cursor input interface for a computer aided design application executing on a touch screen device
CN104978135A (zh) 一种图标显示方法、装置及移动终端
CN107491239A (zh) 图标管理方法及装置、计算机装置和可读存储介质
CN103279219B (zh) 一种触摸屏设备的光标移动方法及系统
CN103324738B (zh) 一种电子设备上网页缩放后对齐的方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant