在firefox里如何实现firebug的DOM inspect选择功能?
作者:Rank 来源:never-online 发布时间:2010-09-03 18:20:00
标签:firefox,firebug,dom
首先,我们会document里添加mouseover事件时在HTMLElement上飘一个absolute的容器,设置border。
接着,mousedown,这个absolute的元素隐藏;
再着着,click结束后从事件里的event得到target,从而再得到inspect。可这样是不是真的能做到呢?
忽视了一点。mouseover如果在某个元素上飘一个absolute容器,那么你的over事件永远在这个absolute元素上了。
事件透视过去?可惜不是as,as可以把某个容器的事件enable设为false即可。脚本/DOM据我了解没有禁用事件的功能。
回到题目,那怎么做呢?
小龙人和好奇能跳出刚才的程序思维——用四个div当四条边就可以了。不知道你第还没试之前的分析是否是这样的呢?
我当时在想,在coding的时候能跳出原来传统的思维真是不易。太赞了!
写个简单demo记念(用firefox看吧。)
八卦一下,据观察,firebug确实真的也是这么做的(没看代码)。


猜你喜欢
- MaxDB和MySQL是独立的数据库管理服务器。系统间的协同性是可能的,通过相应的方式,系统能够彼此交换数据。要想在MaxDB和MySQL之
- 例子: rsajax.js: var http_request = false; function makePOSTRequest(url,
- 在操作过程中,两表查询都没有问题,但是三表查询就开始出现问题有以下三张表,分表为pl表(uid,content),user表(id,user
- input标签checkbox,change和click绑定事件的区别我们经常在vue开发项目的过程中,遇到需要对input框使用v-mod
- 1.算法:设有一组关键字{ K 1 , K 2 ,…, K n };排序开始就认为 K 1 是一个有序序列;让 K 2 插入上述表长为 1
- 最近在学习机器学习的过程中,常常需要将本地写的代码传到GPU服务器中,然后在服务器上运行。之前的做法一直是先在本地写好代码,然后通过File
- 这篇文章主要介绍了Pytest mark使用实例及原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要
- pycharm自带对两个文件比对更新模块,方便查找不同,进行修改替换。方法如下:1.选择目标文件,右键选择compare with2.选择对
- 算法流程:将图像转换为灰度图像利用Sobel滤波器求出 海森矩阵 (Hessian matrix) :将高斯滤波器分别作用于Ix&s
- 切片:方便截取list、tuple、字符串部分索引的内容正序切片语法:dlist = doList[0:3]表示,从索引0开始取,直到索引3
- 写一个学生管理系统,最好用python。我都没学过python呢,只好开始临时抱佛脚,再到网上找找有没有例子看看,下面是我参照另一个博主写的
- 因为工作上要将客户的部分资料传给第三方做进一步处理,但是因为涉及到手机号等关键个人信息,所以需要对中间四位数做匿名化的简单处理。>&g
- 现在公布方法:替换editor.js 函数 // Toolbar button onmouseup
- 在开发过程中,我们有时会遇到这样的问题,将 2020-11-08T08:18:46+08:00 转成 2020-11-08 08:18:46
- 1.排序ORDER BY 子句来设定哪个字段哪种方式来进行排序,再返回搜索结果。desc:降序select * from blog orde
- 实例如下所示:#########start 获取文件路径、文件名、后缀名############def jwkj_get_filePath_
- 分页加载功能大家遇到的应该会经常遇到,应用场景也很多,例如微博,QQ,微信朋友圈以及新闻类应用,都会有分页加载的功能,这不仅节省了我们用户的
- 从某种程度上说,判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道
- 1.cookie的作用cookie 是指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据,就像有些网站上的一些数
- 我们使用编辑器的时候,想要在其中添加一个Django项目,这样就能在里面做一些想要的操作。有些人还没有对Django进行安装,这里直接用命令