jquery 实现鼠标点击div盒子移动功能

// Start 窗口的拖动
         var _move=false;                 //移动标记
         var _x,_y;                            //鼠标离控件左上角的相对位置
        $(document).ready(function(){
                $(".box h4").click(function(){
//                    alert("click");//点击(松开后触发)
                }).mousedown(function(e){
                    var _this = $(".box");
                    if(!_move){
                        _move=true;
                        _x=e.pageX-parseInt(_this.css("left"));
                        _y=e.pageY-parseInt(_this.css("top"));
                    }else{
                        _move=false;
                    }
                 });
                 $(document).mousemove(function(e){
                        var _this = $(".box");
                        if(_move){
                            var x=e.pageX-_x;
                            var y=e.pageY-_y;
                            _this.css({top:y,left:x});
                         }
                  }).mouseup(function(){
                      var _this = $(".box");
                           _move=false;
                  });
        });  
时间: 2024-10-25 20:07:11

jquery 实现鼠标点击div盒子移动功能的相关文章

jQuery实现鼠标点击Div区域外隐藏Div

摘录自:http://www.crackedzone.com/jquery-click-div-outside-hide-div.html jQuery本身没有这样一个事件,要实现这个效果,我们首先要先了解javascript中的事件冒泡. 冒泡定义:当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发.这一过程被称为事件冒泡:这个事件从原始元素开始一直冒泡到DOM树的最上层.(摘自网络) 1. 阻止事件冒泡, 并不阻止事件行为:event.s

使用JS或jQuery模拟鼠标点击a标签事件代码

原文 使用JS或jQuery模拟鼠标点击a标签事件代码 这篇文章主要介绍了使用JS或jQuery模拟鼠标点击a标签事件代码,需要的朋友可以参考下 <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getEleme

使用jQuery模拟鼠标点击a标签事件

来源于:https://mo2g.com/view/42/ <html> <head> <meta charset="UTF-8"> <title>磨途歌-A标签测试3</title> </head> <body> <a href="http://www.mo2g.com">磨途歌</a> </body> </html> <scr

鼠标点击DIV后,DIV的背景变色(js)

<!DOCTYPE html> <html> <head> <script> window.onload = function(){ var divs = document.getElementsByTagName("div"); var len = divs.length; for(var i=0;i<len;i++){ divs[i].onclick = function(){ for(var j=0;j<len;j++)

delphi7 怎么让button按钮跟着鼠标点击dbgrideh数据行移动

delphi7 怎么让button按钮跟着鼠标点击dbgrideh数据行移动 在 dbgrid的DBGridCellClick 事件中加上: Delphi/Pascal code 1 2 3 4 5 6 7 8 9 10 11 var   x, y : integer ;   P: TPoint; begin   GetCursorPos(P);   Edit1.Text := Format('X: %d, Y: %d',[P.X, P.Y]);   x := frMainTest.Left ;

sendmessage()模拟鼠标点击

{鼠标软模拟:好处就是不会真的移动鼠标 开始按钮 坐标 x=386y=387 }sendmessage(hookHwnd,messages.WM_LBUTTONDOWN ,0,$0180017A); {按下鼠标左键}sendmessage(hookHwnd,messages.WM_LBUTTONUP ,0, $0180017A); {抬起鼠标左键}{硬件模拟:会真的移动鼠标}mouse_event(MOUSEEVENTF_LEFTDOWN,X ,Y ,0,0);mouse_event(MOUSE

鼠标点击input时,placeholder中的提示信息消失

html代码: <input type="text" placeholder="请输入"> 鼠标点击input时,placeholder中的提示信息消失: <input type="text" placeholder="请输入" onfocus="this.placeholder=‘‘" onblur="this.placeholder=‘请输入‘">

js 鼠标点击

js鼠标点击 改变显示跟隐藏以及加新的class(在css里封装一个需要样式) 该方法用到的是 onclick 属性在单击鼠标时触发. 示例: HTML代码 <div class="xzlian"> <div class="nei"> <a href="javascript:" class="aa con">1.创建角色</a> <a href="javascri

远程控制篇:用Delphi模拟键盘输入/鼠标点击

模拟键盘我们用Keybd_event这个api函数,模拟鼠标按键用mouse_event函数. Keybd_event函数能触发一个按键事件,也就是会产生一个WM_KEYDOWN或WM_KEYUP消息,一般用这两个消息来模拟一 次按键(按键的过程是:按下,然后弹起),但是没有直接用这个函数方便.Keybd_event共有四个参数:第一个为按键的虚拟键值,如回车键为vk_return, tab键为vk_tab;第二个参数为扫描码,一般不用设置,用0代替就行;第三个参数为选项标志,如果为keydow