CEF3 做UI界面实现指定HTML元素进行拖动窗口行为思路，例如标题栏拖动，效果还算完美

xlsqwg

可实现指定HTML元素拖动宿主窗口，后期方便维护。可过滤子元素不进行拖动。还算一个比较完美的拖动标题栏了


动图演示：




易源码：




JS：

  

子程序名	返回值类型	公开	备 注
moveWinPos	逻辑型
参数名	类 型	参考	可空	数组	备 注
参数指针	整数型
返回值指针	整数型

变量名	类 型	静态	数组	备 注
WX	整数型
WY	整数型

WX ＝ CEF3_取整数型值 (参数指针, 0)
WY ＝ CEF3_取整数型值 (参数指针, 1)
窗口1.左边 ＝ WX
窗口1.顶边 ＝ WY
' 调试输出 (WX, WY)
返回 (真)

子程序名	返回值类型	公开	备 注
mousePos	逻辑型
参数名	类 型	参考	可空	数组	备 注
参数指针	整数型
返回值指针	整数型

变量名	类 型	静态	数组	备 注
WX	整数型
WY	整数型

WX ＝ 取鼠标水平位置 ()
WY ＝ 取鼠标垂直位置 ()
CEF3_置文本型返回值 (返回值指针, 到文本 (WX) ＋ “|” ＋ 到文本 (WY))
返回 (真)

.版本 2<br /> <br /> .子程序 moveWinPos, 逻辑型<br /> .参数 参数指针, 整数型<br /> .参数 返回值指针, 整数型<br /> .局部变量 WX, 整数型<br /> .局部变量 WY, 整数型<br /> <br /> WX ＝ CEF3_取整数型值 (参数指针, 0)<br /> WY ＝ CEF3_取整数型值 (参数指针, 1)<br /> 窗口1.左边 ＝ WX<br /> 窗口1.顶边 ＝ WY<br /> ' 调试输出 (WX, WY)<br /> 返回 (真)<br /> <br /> .子程序 mousePos, 逻辑型<br /> .参数 参数指针, 整数型<br /> .参数 返回值指针, 整数型<br /> .局部变量 WX, 整数型<br /> .局部变量 WY, 整数型<br /> <br /> WX ＝ 取鼠标水平位置 ()<br /> WY ＝ 取鼠标垂直位置 ()<br /> CEF3_置文本型返回值 (返回值指针, 到文本 (WX) ＋ “|” ＋ 到文本 (WY))<br /> 返回 (真)

1. //对指定元素实现拖动宿主窗口行为
   
2. var mouse_XPOS;
   
3. var mouse_YPOS;
   
4. var mouse_isDOWN=false;
   
5. var from_DIVOBJ='.lebox-title';//拖动对象名称
   
6. $(from_DIVOBJ).mousedown(function(e){
   
7.   //alert($(e.target).prop('tagName'));
   
8.   if($(e.target).prop('tagName')=="DIV" || $(e.target).prop('tagName')=="IMG")//筛选元素
   
9.   {
   
10.     //首次鼠标按下记录鼠标位置
    
11.     mouse_isDOWN=true;
    
12.     mouse_XPOS=e.pageX;
    
13.     mouse_YPOS=e.pageY;
    
14.   }
    
15.   
    
16. });
    
17. $(from_DIVOBJ).mouseup(function(e){
    
18.   mouse_isDOWN=false;
    
19. });
    
20. 
    
21. $(from_DIVOBJ).mouseleave(function(e){
    
22.   mouse_isDOWN=false;
    
23. });
    
24. 
    
25. $(from_DIVOBJ).mousemove(function(e){
    
26.   if(mouse_isDOWN)
    
27.   {
    
28.     var mPos=System2.mousePos();//获取鼠标位置
    
29.     mPos=mPos.split('|');
    
30.     System2.moveWinPos(parseInt(mPos[0])-mouse_XPOS,parseInt(mPos[1])-mouse_YPOS);//根据首次鼠标按下位置移动窗口
    
31.   }
    
32.   
    
33. });

复制代码

补充内容 (2020-3-20 19:30):
CEF/miniBlink webui交流群：1012801863

yiyi111122

谢谢分享

樱桃丸子

感谢分享，很给力！~

duanyijun

学习一下  谢谢分享

cxzyt0012520

aaaaaaaaaaaaaaa

红桃软件定制

感谢分享，下载看看

yuguoas666

666666666666

傻妞

不错不错，，

hanyxiang

cef3源码哪里呢

longsui48

很棒棒的样子