草庐IT

鼠标切换

全部标签

javascript - 使用 Javascript D3 库,如何在 mousemove 事件中确定鼠标在区域元素数据集中的位置?

我正在尝试为我创建的区域路径设置工具提示。我检查了传递给onmousemove事件处理程序的所有参数,我只是得到了完整的数据集0、0。据我所知,没有任何数据表明我在数据中的索引。“这个”上下文也是svg路径元素。还是没什么用。即使查看了d3.select(this),我也无法在任何地方找到索引。有什么方法可以确定我的鼠标在哪个数据点上吗?环顾四周,我发现了对d3.mouse(this)的引用,它为我提供了x/y坐标,但我如何将其映射回数据集中的数据点?我的目标是有一个工具提示来显示与集合中特定数据点相关的一些元数据。这里是一些请求的代码片段:vararea=d3.svg.area().

javascript - 点赞按钮 - 在两个功能之间切换

我试图在单击“赞”按钮时在两个函数之间切换。现在我有:$(".like").click(function(event){event.stopPropagation();$("i",this).toggleClass("icon-thumbs-up-alt").toggleClass("iconicon-thumbs-up");likePost(TestCanvas,$(this).prev('div').find('.hideThis').text());});likePost(canvasID,postID)获取参数并与API交互当我再次点击.like时,我想调用unlikePost

javascript - javascript中的切换条件很奇怪

我发现下面这两个是等价的,但是奇怪的是,单个=不是关系运算符而是赋值运算符,为什么它在第二个中有效?首先:switch(true){casecolor=='green':casecolor=='red':casecolor=='blue':casecolor=='pink':alert('colorful')break;casecolor=='black':casecolor=='white':alert('classical')break;default:alert('dull')break;}第二个:switch(color){casecolor='green':casecolor

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 - 在 VUE 中切换样式时边框样式无法正确呈现

检查这个demo下面:newVue({ el:'#app',data:{ flag:true},computed:{ style(){letstyleA={borderBottom:'1pxsolidred',borderRight:'1pxsolidred'};letstyleB={ border:'1pxsolidgreen',borderRight:'1pxsolidred'}returnthis.flag?styleA:styleB}},methods:{ changeStyle(){ this.flag=!this.flag;}}}).box{width:100px;heig

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 - 我希望切换元素的可见性 : should I start with class ="..." or style ="..."?

如果我在网页上有一个元素,我希望使用javascript显示和隐藏相当多的元素,将其设置为初始不可见的最合适方法是什么?...或...在大多数情况下,使用class="..."优于style="...",但我不认为它最适合这个案例。从语义上讲,我的元素不是隐藏元素,它只是一个将在页面首次加载时开始隐藏的元素。当我使用jQuery的show()和hide()方法时,这意味着它通常会处于这种状态:.....这对我来说显然是无稽之谈。另一方面,使用内联style="display:none;"感觉有点笨拙和硬编码。我知道这两种方法都可以完美运行并且用户永远不会变得更聪明,但是哪种模式违反设计

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

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

javascript - 根据语言,使用 jQuery 在左右文本对齐方式之间切换

我有一些输入框和文本区域需要在左对齐和右对齐之间切换(根据用户的语言,方向会有所不同)。我如何使用jQuery做到这一点? 最佳答案 因为我不知道所有波斯字母的键码,所以我不得不这样做:varstr=$('#item').val();//thisisyourtextboxvarfirstChar=str.substr(0,1);varcharacters=['ا','ب','پ','ت','س','ج','چ','ح','خ','د','ذ','ر','ز','ژ','س','ش','ص','ض','ط','ظ','ع','غ','

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

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