拖动控件 javascript原生，兼容IE6-11、chrome、firefox、Opera、Safari

鼠标拖动元素,对于初学者来说,是一个很难的话题,其实只要应用好事件,就能很好的控制拖动的对象,其主要事件是 mousedown,mousemove,mouseup,其原理是在鼠标点击元素时,在给定鼠标的移动事件和鼠标弹起的事件,很多人都习惯,在元素中添加鼠标按下.鼠标移动和鼠标弹起事件,这样多数会造成鼠标拖动过快,元素反而跟不上鼠标,出现脱离鼠标,鼠标弹起也不能定位到指定位置.这样就需要在鼠标按下事件中添加鼠标移动和鼠标弹起事件,(这是我做这个拖动时遇到的问题,如果有什么不对请大家指出!!!)…

[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器

截至自2017-08-11,支持现世已出的几乎所有PC端浏览器版本判断. 受支持的PC端浏览器列表: Edge IE Chrome Firefox Opera Safari QQ浏览器 360系列浏览器使用IE内核的非主流浏览器使用Chrome内核的非主流浏览器使用混合内核的非主流浏览器获取浏览器版本方法: function getBroswer(){ var sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s…

JavaScript日历控件！JS兼容IE6.7.FF.可挡住下拉控件

原文发布时间为:2009-08-22 -- 来源于本人的百度文章 [由搬家工具导入] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he…

wxpython 中用鼠标拖动控件总结

#encoding: utf-8 import wx import os import noname class Frame( noname.MyFrame1 ): def __init__(self,parent): noname.MyFrame1.__init__(self,parent) self.curBitmap = None self.curBitmapPostion = None self.curPointerPos = None def m_createBitmap_button…

win10 uwp 拖动控件

我们会使用控件拖动,可以让我们做出好看的动画,那么我们如何移动控件,我将会告诉大家多个方法.其中第一个是最差的,最后的才是我希望大神你去用. Margin 移动我们可以使用Margin移动,但这是wr说不要这样做. We can move the control by Margin,but using this method is not recommended. 我们可以在xaml写一个Button,然后就使用左键获取鼠标,这个可以去看 win10 uwp 获取按钮鼠标左键按下 http:/…

atitit.提升开发效率---使用server控件生命周期 asp.net 11个阶段 java jsf 的6个阶段比較

atitit.提升开发效率---使用server控件生命周期 asp.net 11个阶段 java jsf 的6个阶段比較例如以下列举了server控件生命周期所要经历的11个阶段. (1)初始化-- --在此阶段中,主要完毕两项工作:一.初始化在传入Web请求生命周期内所需的设置:二.跟踪视图状态.首先.页面框架通过默认方式引发Init事件, 并调用OnInit()方法.控件开发者能够重写该方法为控件提供初始化逻辑.此后.页面框架将调用TrackViewState方法来跟踪视图状态. 须…

兼容IE6/IE7/IE8/FireFox的css hack

兼容IE6/IE7/IE8/FireFox的css hack .color{ background-color: #CC00FF; background-color: #FF00009; *background-color: #0066FF; _background-color: #009933; } **记住上面得样式解释为顺序是 ff.ie8.ie7.ie6 ** 显示的结果: 用火狐浏览,颜色是紫色用 IE8 浏览,颜色是红色用 IE7 浏览,颜色是蓝色用 IE6 浏览,颜色是绿色…

javascript 框架、根基技巧、布局、CSS、控件 JavaScript 类库

预筹备之 JavaScript 今朝支流的 JavaScript 框架排名中,jQuery 和 Ext 可算是佼佼者,得到了用户的普遍好评.海内的一些框架许多也是模仿 jQuery 对 JavaScript 停止了包装,不外这些框架的开山祖师 YUI 照样坚持用自己的 JavaScript 类库. jQuery 是今朝用的最多的前端 JavaScript 类库,据初步统计,今朝 jQuery 的占有率曾经跨越 46%,它算是比拟轻量级的类库,对 DOM 的操纵也比拟便利到位,支撑的后果和控件也许…

Microsoft ReportViewer 控件类型版本兼容问题及解决方法

错误 Parser Error Message: The base class includes the field 'rvEquipment', but its type (Microsoft.Reporting.WebForms.ReportViewer) is not compatible with the type of control (Microsoft.Reporting.WebForms.ReportViewer). 添加引用,因为项目的.Net框架版本是4.0,因此Report…

通过setMouseTracking实现用鼠标拖动控件

1 import sys 2 from PyQt5.Qt import * 3 4 class Mwindow(QWidget): 5 leftclick = False 6 7 def __init__(self): 8 super().__init__() 9 self.resize(500,500) 10 self.move(250,150) 11 self.setup_Ui() 12 13 def setup_Ui(self): 14 # self.btn = QPushButton(s…

Android SDK提供的常用控件Widget “常用控件”“Android原生”

Android提供一个标准的视图工具箱来帮助创建简单的UI界面.通过使用这些控件(必要时,可以对这些控件进行修改). 创建一个简单的.xml文件,从预览窗口可以看到Android SDK提供的原生控件列表. 上述分为以下几类: 1. Form Widget:表单部件: 与之对应的控件形态如下: 2. Text Fields:文本框控件,能接受用户输入内容以上每种控件均可接受用户输入,不同的是:inputType属性 android:inputType="numberDecimal"…

C# 在窗体上可拖动控件

最近做了一个标签打印配置功能,需要根据客户需求自定义标签格式.显示内容,这时就用到了后台生成控件,并且其控件可在窗口中进行拖动,这里仅为记录一下实现过程,方便以后使用. 结果图: 源码: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text;…

android 可拖动控件 ontouchevent

首先附上文章的转载内容的链接: 学习android 可拖动事件首先需要对android的屏幕和touchevent参数建立一个详细的知识结构. 1.android坐标系统一.首先明确一下 android中的坐标系统 :屏幕的左上角是坐标系统原点(0,0),原点向右延伸是X轴正方向,原点向下延伸是Y轴正方向. 1.View的坐标需要注意view的坐标是相对父容器而言的,包括:getTop().getBottom(),getLeft(),getRight().以getTop为例,函数源代…

【转】VS2013 C#WinForm程序构造界面拖动控件NumericUpDown时"未响应“是有道词典惹的祸

很久之前遇到过因为金山词霸和其他软件冲突导致的程序无响应的情况. 没想到今天情况重现,VS2013在可视化编辑NumbericUpDown控件的时候,又出现了”未响应“,发现又是有道词典惹的祸. 可见屏幕取词功能还是应该好好研究的,希望微软和有道之间能协调解决一下!!! 转自:http://blog.csdn.net/smstong/article/details/21018529…

动态地添加HTML控件-JavaScript基础

相关: document对象的createElement()方法可以创建一个新的HTML控件(document.createElement("input");) setAttribute()方法设置控件类型.设置控件的名称(otext.setAttribute("type","text");otext.setAttribute("name","username");). appendChild()方法将新的…

CS第三方控件标签：总结 2016-04-09 11:51 1398人阅读评论(27) 收藏

大家都知道,我现在在做CS的项目,现在是需求频变啊,心里好苦,做了这么久,还是涨了一点点见识的,下面就介绍一下自己最近用到的几款CS的第三方控件. DockPanel 想必大家都用过VS,那么想一下VS的工具箱组件,是不是可以四处乱拽,还可以贴边隐藏,而且贴边隐藏之后还可以随意拖拽大小啊,呛呛,这么炫的功能,只要一款控件就可以完成啦,我在网上下载了很多的例子,效果都很棒,不过自己实现的时候基本上是按照例子里面敲的,效果就差一点,不知道是哪里出了问题,有需要的,大家也可以找例子来试一下. RowM…

vue使用lodop打印控件实现浏览器兼容打印

前言此控件直接进行打印底部会有水印,通过官网购买可以解决: 如不想购买,可先执行预览,弹出预览框进行打印: 需要用到的js文件和api文档附后,请注意查看. 首先需要在局部或全局引入LodopFuncs.js文件 import {getLodop} from '../../../components/js/LodopFuncs' 方法中调用 print(){ let LODOP = getLodop(); LODOP.PRINT_INITA(0,0,800,1600,"打印库位名称"…

兼容IE6,IE7和firefox可以使用的一些css hack:

.一些问题是浏览器自身的问题,遇到问题发生无法避免的情况下,那就要考虑使用一些css hack了,以下是针对IE6,IE7和firefox可以使用的一些css hack:(1) a: 针对区别IE6 和IE7/firefox, 可以在要区别的代码后面跟上!important注意:ie6也认识!important:只要ie7/ie8/ff优先执行!important的属性.例:#test{ float:left; (1) (2)}最终显示:ie6下test是红色,而ie7/ie8…

Javascript实例技巧精选(7)—设置和获取文本框与文本域的光标位置（兼容IE和Chrome,Firefox）

>>点击这里下载完整html源码<< 截图如下: 本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置,以下代码兼容IE和Chrome,Firefox <script type="text/javascript"> function getTxt1CursorPosition(){ var oTxt1 = document.getElementById("txt1"); var cursurPositio…

web可拖动控件js

先下载:http://code.jquery.com/ui/1.10.3/jquery-ui.js $('.i-i-yuan').draggable({ containment: '#app'//可通过设置拖动范围的div的id来限制拖动空间的移动范围 }); .i-i-yuan{ position: fixed; cursor: pointer; right: 50px; bottom: 50px; width: 80px; height: 80px; display: flex; justi…

EasyUI - Draggable 拖动控件

效果: html代码: <div id="box" style="width: 400px; height: 200px; background-color: #ff6a00;"> <div id ="sm_box" style ="width:400px; height:30px; background-color:#ffd800;"> 可以拖动的区域(设置了handle属性) </div>…

[Vue]组件——使用.native和$listeners将控件的原生事件绑定到组件

1.方法1:.native修饰符 1.1.native修饰符:将原生事件绑定到组件的根元素上 <base-input v-on:focus.native="onFocus"></base-input> 1.2缺点: 如以下根元素实际上是一个 <label> 元素时,原生事件不能被绑定到input事件上: <label> {{ label }} <input v-bind="$attrs" v-bind:value…

Unity ugui拖动控件（地图模式与物件模式）

拖动在游戏中使用频繁,例如将装备拖动到指定的快捷栏,或者大地图中拖动以查看局部信息等. Unity的EventSystems中可以直接继承几个接口来实现拖动功能,如下: namespace UnityEngine.EventSystems { public interface IBeginDragHandler : IEventSystemHandler { void OnBeginDrag(PointerEventData eventData); } } namespace UnityEngi…