Web--js高级--12月21日随笔

问题:

  在拖拽元素的时候,如果元素的内部加了文字或者图片,拖拽效果会失灵?

  因为浏览器会给文字和图片一个默认行为,当文字和图片被选中的时候,会有一个拖拽的效果,即使我们没有人为他添加。所以当我们点击这个元素拖拽时,有可能选中文字或图片,触发浏览器天生给的那个行为,从而导致我们写的那个拖拽效果失灵。

obj.onmousedown=function(ev){
  var ev=ev||window.event;
  var _this=this;
  var x=ev.clientX-this.offsetLeft;
  var y=ev.clientY-this.offsetTop;
  if(obj.setCapture){
    obj.setCapture()
  }else{
    ev.preventDefault?ev.preventDefault():ev.returnValue=false;
  }

在down下加setCapture这个全局捕获方法

setCapture() 全局捕获的方法  他是ie低版本所特有的。给一个元素添加了这个方法之后,无论我们在页面的那个地方触发了相同的事件,都会触发这个元素。

新增获取元素的方法

Document.querySelector()获取的是单个元素

Document.querySelectorAll() 获取的是元素组

括号里可以写  div  .div   #div

原文地址:https://www.cnblogs.com/lovels/p/10210889.html

时间: 2024-10-29 03:58:25

Web--js高级--12月21日随笔的相关文章

Web--js高级--12月3日随笔

事件对象 1.每个元素身上的事件是天生自带的,不需要我们去定义,只需要我们给这个事件绑定一个方法,当事件触发时就会执行这个方法. 2.事件绑定的方法: 1.div.onclick=function(){}   DOM0级事件 2.div.addEventListener()或div.attachEvent() DOM2级事件绑定 二者的区别 onclick是这个元素私有的属性,天生自带的,而addEventListener()是公有的属性,从EventTarget(事件源)对象上继承来的. IE

二周第四次课(12月21日)

二周第四次课(12月21日)2.18 特殊权限set_uid2.19 特殊权限set_gid2.20 特殊权限stick_bit2.21 软链接文件2.22 硬连接文件 特殊权限: set_uid (拥有者特殊权限:) #chmod命令: 文件权限属性设置: chmod命令用来变更文件或目录的权限. 在UNIX系统家族里,文件或目录权限的控制分别以; 读取.写入.执行3种一般权限来区分,另有3种特殊权限可供运用. 用户可以使用chmod指令去变更文件与目录的权限, 设置方式采用文字或数字代号皆可

《高级软件测试》实践作业3学习记录12月21日

今天我们熟悉基于JUnit的单元测试脚本开发,编写单元测试并执行测试.今日任务具体要求为基于JUnit框架,结合面向对象程序的特点,针对添加客户模块,根据在阶段一设计得到的测试用例,编写单元测试脚本,执行脚本,记录发现的缺陷. 分工如下: 杨智超像大家介绍JUnit的基本概念和使用: 汪佳佩整理在第一阶段编写好的测试用例,协助何阳寅完成测试脚本: 何阳寅执行测试脚本,报告发现的缺陷,记录和管理缺陷: 叶瑞结合大家的意见撰写测试执行报告,说明测试环境,测试的过程,对测试工作产生的缺陷进行分析.

最新JavaScript、Ajax典藏级学习资料下载分类汇总 (2011年12月21日更新)

其他网站开发相关资料            超强HTML和xhtml,CSS精品学习资料下载汇总                                               最新html5以及css3资源下载汇总                                               Dreamweaver 教程汇总 索引: JavaScript初学者及参考必备 Javascript高级进阶 AJAX (Asynchronous JavaScript and

C#面向对象课程12月21日

一.练习题:使用结构体输入学员信息,学号  姓名  分数 排序之后按分数从高到低输出 class Program { //用户自定义,我们自己定义这种数据类型 public struct student { public int Code;//成员变量 public string Name;//成员 public double Degree;//成员 } //主函数,一个程序有且只有一个 static void Main(string[] args) { #region==结构体变量定义== /

12月21日笔记

//输出 Console.WriteLine("这是一行文字");  自动回车的 Congsole.Write("");   不自动回车 注意: 1.大小写敏感.(快捷键操作) 2.括号,引号,分号都是英文状态下的符号. 3.结尾不要忘记写分号. //输入 string s = Console.ReadLine() 如何拼接字符串. Console.WriteLine("你的用户名是"+u+",密码是"+p+",请确

2015年12月21日 my.cnf 配置

[client]port =36000#socket =/tmp/mysql.socketdefault-character-set=utf8 [mysqld]#datadir=/var/lib/mysqlport =36000#socket =/tmp/mysql.socket#pid-file =/home/mysql/data/mysql.pid#datadir =/home/mysql/dataskip-external-lockingskip-name-resolvecharacter

12月21日

destroy_all and delete_all Destroy the records by instantiating each record and calling its #destroy method.在删除前实例化每条记录,并回调callback execution. ?? :如果想要快速删除,如果这个动作不涉及associations or callbacks, use delete_all instead. 豆知识: Transaction: the process of d

2019年12月21日

昨天晚上六点吃完晚饭就眯了一会儿,一眯就到了七点半,爬起床去健身房,到了才发现关门了,不是说好24小时营业么.而且旁边里面还有人,但是里面的人对敲玻璃毫无反应.故健身计划泡汤咯. 回到寝室,打开手机准备学习,师傅发了一些聊天记录给我看.其实无非是女孩子说男孩子家穷,开始觉得不平衡,但是又觉得男孩子对她好,又觉得男孩子太听家里的话.反正我觉得听着就矛盾,何必勒.最后师傅说没钱就不要谈恋爱什么的.我觉得现在师傅已经变成那种失去理智的人了,或者是阶级观念我们已经产生,我是站在穷孩子的角度,而她是站在优