草庐IT

鼠标切换

全部标签

javascript - 鼠标悬停期间附加的跨度上的单击事件未触发

我将span附加到mouseover上的div,我只想触发对嵌套span的点击。感觉我已经尝试了所有的运气。http://jsfiddle.net/NHHSX/1/我找到了几个类似的,但不幸的是它们也没有成功。 最佳答案 将mouseover更改为mouseenter并使用事件委托(delegate)$('.container').on('mouseenter',function(e){$(this).append('Iwantthistobeclickable..');}).on('mouseleave',function(e){

javascript - 重叠 SVG 元素上的鼠标事件

如何处理重叠svg元素上的点击事件?我正在使用Reaphael.js库。问题是topDOM元素正在拦截鼠标事件,即使底部元素没有被任何绘图重叠。我的问题是如何使我的示例中的两个圆圈都可点击并仍然将它们保留在两个svg元素中?这是我的代码:CSS:#container{position:relative;width:200px;height:200px}#container>svg{position:absolute!important;top:0;left:0;}JavaScript:vartopLayer=Raphael('container',200,200);varbottomL

javascript - Hook Google Map API 中的鼠标滚轮事件

是否可以挂接到GoogleMapAPI中的鼠标滚轮事件?无需赘述,我需要鼠标滚轮像在Googlemap中一样进行缩放,但我还需要附加到鼠标滚轮事件以用于其他目的。但是每当我在MapOptions中将scrollwheel设置为true时,GoogleMapAPI就会吃掉所有鼠标滚轮事件并拒绝共享它们(你不觉得很self中心吗?)!收听像zoom_changed这样的Googlemap事件将不起作用,因为如果map处于最小或最大缩放级别,它们不会触发,这是我需要的。更具体地说,我需要知道用户是否在已经处于最大缩放级别时尝试拉近距离。这“感觉”是可以解决的,但我的直觉并不总是正确的:-)有

javascript - 区分鼠标滚轮滚动还是滚动条滚动?

我在Stackoverflow上进行了搜索,但似乎找不到这个问题的满意答案。基本上我想知道滚动是通过鼠标滚轮还是浏览器滚动条完成的。 最佳答案 类似这样的方法可能适合您,但它不是最佳解决方案。如果wheel事件恰好发生在scroll事件之前,则滚动是通过轮子完成的,否则它是通过使用轮子之外的其他东西来完成的。触发的两个事件之间存在细微的时间差异,这就是为什么我使用阈值currTime-lastWheelTime>30。$('.test').on('scrollwheelDOMMouseScrollmousewheel',functi

javascript - 在鼠标悬停的 SVG 路径周围添加区域

有没有办法在svg生成的图形中的直线路径上添加区域?我希望用户能够将鼠标悬停在附近上,而不仅仅是悬停在折线图上的一条线上,并在鼠标悬停后发生一些事情。目前,使用我的代码,您必须将鼠标悬停在实际的行上。但是我想在该行周围设置一个区域。(给路径加padding好像不行) 最佳答案 我的方法是在第一个上绘制第二个路径,它使用相同的数据和线条功能,但它是透明的并且具有更大的stroke-width。然后将mouseover和mouseout监听器附加到fatter行。在这里fiddle:http://jsfiddle.net/henbox/

javascript - 带 ionic 切换而不是按钮的 ionic 输入插件

我非常想合并一个item-input-inset用ion-toggle而不是按钮-因此用户可以选择禁用输入字段。我想要的是这样的:我确实希望将文本输入连接到一个模型,所以我总是有一个NotApplicable变量或用户输入的一些其他字符串(或空字符串)。但我的第一个问题是布局似乎乱七八糟。这是我得到的结果:给出下面乱七八糟的布局 最佳答案 @Norfeldt:请检查下面的代码片段,让我知道您的想法。希望它能像您期望的那样工作。angular.module('ionicApp',['ionic']).controller('MainC

javascript - 使用 JavaScript 在 Flash 中模拟鼠标点击

背景:我正在为一个网站开发Greasemonkey脚本。我不控制Flash文件。问题:是否可以模拟鼠标点击网页中嵌入的Flash对象中的按钮/影片剪辑?谷歌搜索只显示了模拟鼠标点击DOM元素的方法,以及需要更改ActionScript以实现JavaScript接口(interface)的方法。或者这根本不可能? 最佳答案 除非SWF实现ExternalInterfaces并打开一个从Javascript调用的函数以允许它访问_root,否则这是不可能的。即使那样,SWF内部也必须有方法来允许调用onclick事件。你能做的最好的事情

javascript - 如何在 Javascript 中移动子元素时触发一次鼠标事件?

当进入一个DOM元素时,mouseover事件会发生。在当前元素周围移动鼠标时,不会发生任何事件,因为mouseover用于进入。但是,对于子节点不遵守此规则。如果将鼠标移动到子节点上,mouseover事件将被一次又一次地触发,尽管没有新事件,因为我们仍在原始父节点中。查看此example.如果我们将鼠标移动到父元素上(实际上是在它的textNode上),没有新的事情发生,但是如果我们移动到子元素上(仍然在父元素上),它会一次又一次地触发mouseover事件.事实上,每次鼠标进入一个元素(甚至在原始父元素内部)时,它都会触发鼠标事件。我们如何才能使mouseover只移动一次以遍及

javascript - Knockout.js 多个外部模板和多个 VM 切换失败

我正在使用以下内容:knockout-2.1.0.jskoExternalTemplateEngine_all.js我要实现的目标如下:模板容器加载外部HTML并为该HTML加载特定的VM(有效)。模板容器加载/切换到另一个外部HTML,以及该HTML的其他特定VM(有效)。模板容器切换回第一个模板/VM,连同他们的VM(不起作用!)。我猜它不起作用的原因是因为模板在VM之前加载(它确实给我绑定(bind)错误)。我网站的结构是这样的(不包括上面提到的库):index.html(包含模板容器)js/script.js(包含主要的ViewModel)js/firstvm.js(持有第一个

使用枚举的 JavaScript 切换大小写

我有一个像这样声明的“枚举”:varPlaceType={PASSABLE_TERRAIN:1,IMPASSABLE_TERRAIN:0,SOMEWHAT_PASSABLE_TERRAIN:2,PATH:3};和一个像这样声明的函数:setPlaceType(placeType){this.clear=false;this.placeType=placeType;alert("beforeswitch"+(PlaceType.SOMEWHAT_PASSABLE_TERRAIN==this.placeType));switch(this.placeType){casePlaceType.