草庐IT

鼠标操作

全部标签

javascript - 如何检测鼠标是否在:before or over the :after part of an element上方

我有这个CSS来定义放置区域,用户可以在现有部分之前或之后放置一个部分。.section:before,.section:after{content:"[inserthere]";height:64px;line-height:56px;width:100%;display:block;border:3pxdashed#aaa;}这里使用JavaScript+JQuery是放置监听器,它检测当前鼠标下的元素:elem.on('drop',function(e){e.preventDefault();varcontainer=$(elem[0].elementFromPoint(e.cl

javascript - <表单操作 ="javascript:alert(this);"> 什么是 "this"?

在尝试调试正在提交的内容时,我写了这个。是否可以提醒什么是正在提交?这里“this”指的是什么?我在警告框中收到对象,无法从中做出任何决定。:-) 最佳答案 在您的示例中,this是全局window对象。自己试试:结果为"function"(即全局函数)。或者尝试:结果为undefined(即它不指向表单元素)*。属性中"this"的值只会是以下两种情况之一:全局窗口对象元素本身唯一一次this指向元素本身是在intrinsiceventattribute中使用它时(以“on”为前缀的那些,例如“onclick”、“onload”等

javascript - 确定鼠标位置是否靠近浏览器的边缘

在浏览器中,我试图确定代表鼠标位置的点是否在我所说的“外部区域”中。例如,在附图中,外部区域为蓝色背景。代码和图片中W代表浏览器视口(viewport)的宽度,H代表高度,x,y代表鼠标位置现在,我正在使用这段代码来做到这一点:if(((x>0&&xw2&&xw1&&x0&&yh2&&y虽然它按原样工作,但我想知道是否有更好的方法? 最佳答案 你不需要检查它是否大于0小于W,因为指针x位置不能小于0或大于W。同样适用于Y轴。以下应该足够了:if((x>w2||xh2||y 关于javas

javascript - 在浏览器中,我可以获得鼠标指向的图像颜色吗?

有一个web应用程序要构建,而不是图像映射,我想尝试更优雅的东西。故事是,将会有一张全局map,其中不同的大陆用不同的颜色表示。假设澳大利亚是红色的,亚洲是绿色的。当我的鼠标悬停在澳大利亚的形状上时,我的代码会通过检查光标当前指向的颜色来告诉我我正在悬停在澳大利亚吗?我知道我可以检查图像或其他东西上的鼠标坐标,但我真的想获得不依赖于预定义值/形状/边距的东西。任何想法和建议将不胜感激。非常感谢。 最佳答案 这取决于你的map是什么类型的元素。对于支持canvas的浏览器中的某些元素来说肯定是可能的,但对于整个页面则不然。查看我类似问

用于操作的 Javascript DOM 树复制

由于页面的DOM树是事件的并且始终反射(reflect)在浏览器中,为了某种目的修改此DOM树而不影响实际呈现的树的最佳方法是什么?假设我的目的是交换某些子节点并查看DOM树仍然保持的相似程度。创建复制树是唯一的解决方案吗?如果是,是否有执行此操作的功能?或者我是否需要编写自己的函数来创建树的副本。我不需要元素对象的所有属性,因此我可以创建一个更简单的对象,其中包含一些指向sibling和child的属性。 最佳答案 您可以使用document.cloneNode(true),或者在另一个节点上使用相同的方法。cloneNode克隆

c# - 将日期参数传递给对 MVC 操作的 ajax 调用的安全方法

我有一个MVC操作,它的参数之一是DateTime,如果我传递“17/07/2012”,它会抛出一个异常,指出参数为null但不能有null值但如果我传递01/07/2012,它会被解析为Jan072012。我正在以DD/MM/YYYY格式将日期传递给ajax调用,我是否应该依赖MM/DD/YYYY格式,尽管在web.config?这是一个简单的方法,只有一个日期参数。 最佳答案 在Asp.NET-MVC中,您有三个安全选项来发送日期参数:将其作为YYYY/MM/DD发送,这是国际日期的ISO标准。使用POST请求代替GET请求。如

javascript - d3 - 将鼠标悬停在图例上以突出显示相应的数据

使用d3成功创建了热图。这是FIDDLE.我对使用d3的mouseover事件有一些基本的想法。但现在我想更进一步。这就是我要找的。当我将鼠标悬停在图例上时,我希望悬停的图例各自的数据在图表中突出显示。有人可以帮我实现吗? 最佳答案 您没有将数据绑定(bind)到图例,这使得这项任务有点困难,但您仍然可以相当轻松地完成它。这个想法是将由填充颜色定义的类分配给rect元素,然后在鼠标悬停处理程序中进行相应的选择。代码如下所示。//fortherectangles.attr("class",function(d){return"hour

javascript - 在javascript中模拟鼠标点击时如何设置目标属性?

我想在使用dojo的javascript代码中模拟鼠标点击。真正的鼠标点击Action将使用带有“ondijitclick”的dojo-stuff进行注册。我知道哪个方法/函数被调用,我也有dijit对象来调用这个方法。该方法需要一个函数对象作为参数,因此我创建了一个新的MouseEvent对象。这一切都很好,只是我需要设置此事件的目标值,但我不知道该怎么做。这是必需的,因为稍后的异常处理正在访问目标属性,我无法避免这一点。到目前为止我的代码:dojo.query(".mybutton").forEach(function(node){vartarget=dojo.query(".my

javascript - 使用键盘快捷键打开浏览器操作的弹出窗口

我正在开发带有浏览器操作弹出窗口的GoogleChrome扩展程序。当用户单击该图标时,会出现弹出窗口。有没有办法用CTRL+之类的键盘快捷键打开这个弹出窗口? 最佳答案 您需要向您的manifest.json添加一个"commands"对象,如https://developer.chrome.com/extensions/commands所示。.如果您的扩展程序的弹出窗口是“browser_action”弹出窗口(由manifest.json中的“browser_action”键表示),您需要“_execute_browser_a

javascript - 让 twitter bootstrap btn-group 像带下拉菜单的分组导航栏一样操作

我一直在尝试让带有下拉菜单的TwitterBootstrapbtn-group为具有下拉菜单的多个按钮工作。例子:12345还有我的尝试:http://jsfiddle.net/x2BGB/这会显示一个按钮组。我希望该组中的某些按钮具有下拉菜单。我想要实现的一个例子是:注意:当一个按钮与另一个按钮相邻时,分组按钮“栏”不应该有圆Angular。(右侧)。 最佳答案 我创建了一个btn-toolbar2类来避免冲突并覆盖btn-toolbar默认行为。下拉菜单必须在它们自己的btn组中。DashboardButton1ActionAn