草庐IT

鼠标切换

全部标签

javascript - 切换 - 在 div 外部单击时隐藏项目

我正在使用jquery的slidetoggle,想了解如何在点击DIV之外的任何地方时隐藏showup类。谢谢!在线样本:http://jsfiddle.net/evGd6/clickmesomethingIwanttoshow​$(document).ready(function(){$('.click').click(function(){$(".showup").slideToggle("fast");});});​.showup{width:100px;height:100px;background:red;display:none;}.click{cursor:pointer

javascript - D3的鼠标相对于父元素的坐标

我想获取相对于父元素或DOM中除this之外的任何其他元素的鼠标坐标,但我一直在获取UncaughtTypeError:Object[objectArray]hasnomethod'getBoundingClientRect'd3.v3.min.js:1Hd3.v3.min.js:1vo.moused3.v3.min.js:3(anonymousfunction)index.html:291(anonymousfunction)我的代码:.on("mouseup",function(d){varth=d3.select(this);varcoordinates=[0,0];coordi

javascript - 模拟真实的鼠标点击

我想做的是在youtube上执行鼠标点击,在页面加载时按下播放键。如何点击该特定位置(假设它始终位于同一位置)?我试过但失败了vare=document.getElementById('myelem');e.click();vare=newjQuery.Event("click");e.pageX=x;e.pageY=y;$("#elem").trigger(e);诸如此类。没有什么真正有效。有什么建议么?我正在使用谷歌浏览器好吧,好像有点困惑,所以我会进一步解释。我创建了一个与击键事件相关的弹出窗口,我想做的是通过单击弹出窗口中的麦克风来触发x-webkit-speech,这样用户就

javascript - 为什么在调用 event.preventDefault() 后用 JavaScript 切换复选框/单选按钮失败?

考虑这个示例代码:$('span').click(function(e){e.preventDefault();$(':checkbox')[0].checked=true;});Fiddle据我所知,这应该会发生:preventDefault()应防止复选框被浏览器的默认行为选中,即使事件处理程序附加在DOM层次结构的上方。这部分工作正常。设置.checked=true应该起作用,因为我相信,它应该独立于浏览器对我已取消的事件的默认操作。这部分看起来有问题,好像preventDefault()影响了它——删除preventDefault()并且它按预期工作。复选框始终未选中的真正原因

javascript - 使用鼠标动态调整 css 网格布局中的列大小

我正在尝试通过用鼠标拖动列分隔符(或调整占位符)来动态调整css网格布局框的大小。我在nav元素上设置了resize:horizo​​ntal;来调整大小,当我拖动元素右下角的小调整handle时它会调整大小,但不会自动调整相邻列的宽度,从而导致重叠。这是一个破损的codepen.HTML:#1#2#3CSS:main{display:grid;border:3pxdottedred;grid-gap:3px;grid-template-columns:200px1fr;grid-template-rows:100px1fr;height:100%;}nav{grid-column:1

javascript - 如何同时检测按键和鼠标悬停

好的,我可以使用.on('mouseover')检测鼠标悬停我可以使用检测按键$(document).keypress(function(e){console.log(e.which);}但是当我按下某个按钮时,我该如何检测我的鼠标悬停在哪个图像上呢?这个想法是能够通过在将鼠标悬停在图像上时按d来删除图像。有什么想法吗? 最佳答案 您只需切换一个类或数据属性即可显示当前悬停在哪个类或数据属性上$('img').hover(function(){$(this).toggleClass('active');//ifhoveredthen

javascript - 没有 JQuery 的鼠标输入

在没有jQuery的情况下,在Javascript中实现类似mouseenter/mouseleave的事件的最佳方法是什么?跨浏览器使用的最佳策略是什么?我在考虑对mouseover/mouseout事件处理程序中的event.relatedTarget/event.toElement属性进行某种检查?喜欢听听你的想法。 最佳答案 (完全改变了我糟糕的答案。让我们再试一次。)假设您有以下基本的跨浏览器事件方法:varaddEvent=window.addEventListener?function(elem,type,method

javascript - 在 Bootstrap 中创建一个固定到底部的导航栏,在切换时向上滑动内容

我的网站上有两个导航栏,一个在页眉中,另一个在页脚中页眉部分工作正常,但我想要的是页脚应该类似于导航栏,但是,当我进入移动View(较小的视口(viewport))时,会出现一个切换按钮(默认Bootstrap功能)但是当单击该切换时,它向下滑动,内容显示在导航栏下方,尽管向上滑动,所以,有人可以帮助我吗?我不知道,如何在Fiddle中包含Bootstrap,所以直接贴出我的页脚代码。它直接在我的目录中包括Bootstrap文件和Fontawesome文件。得到Bootply关联:http://bootply.com/104001BrowseOurLibraryAboutUsConta

javascript - 如何创建显示全屏按钮以将我的谷歌地图页面切换为全屏?

我的部分页面上集成了谷歌地图。我想创建一个切换按钮来在全屏和正常尺寸之间切换map。因此,当您单击它时-map会扩展以填满整个浏览器屏幕,然后再次单击它,它会恢复到页面上的原始大小。我该怎么做? 最佳答案 这是一个jQuery实现。$("#map_toggler").click(function(){$("#map").toggleClass("fullscreen")});在CSS中:#map{width:400px;height:200px;}#map.fullscreen{position:fixed;width:100%;h

javascript - Highcharts - 如何以编程方式切换图例项并确定选择了哪些项

所以我有一些来self们设计师的请求:1)允许用户通过单击图表容器外的链接来选择/取消选择所有图例项。这意味着我需要以编程方式打开或关闭图表中的所有项目,无论当前是否选择/取消选择任何项目。2)确定在图表中选择(或启用)了哪些特定的图例项,以便我们可以根据选择生成另一个图表。我没有看到使用API来做任何事情的方法,所以我想知道是否有人为其中一个(或两个)提出了可能的解决方案。提前感谢您的指导。 最佳答案 Highcharts允许我们从外部切换图例状态。系列[0].hide();系列[0].show();由highcharts提供,我