草庐IT

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 - 使用鼠标动态调整 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 - 在 Google Maps V3 API 标记的鼠标悬停上获取鼠标光标的位置

我正在尝试使用jQuery将光标悬停在标记上时使div在光标位置可见。它有点像工具提示。但是我似乎无法弄清楚如何获取光标下方点的X/Y坐标。当前代码:google.maps.event.addListener(marker,"mouseover",function(event){$("#tooltip").css({position:"absolute",top:event.pageY,left:event.pageX}).toggle();我相信event没有像jQuery事件中那样的属性pageY和pageX。如何获取鼠标光标的位置? 最佳答案

javascript - 在 Javascript 或 jQuery 中更改鼠标光标

如何在Javascript或jQuery中更改鼠标光标?我知道这是一个非常经典的问题,但很奇怪这个JSFiddle不起作用:http://jsfiddle.net/2Qffw/.代码如下:$('body').css('cursor','pointer');document.body.style.cursor="pointer"; 最佳答案 在html和body中执行:$('html,body').css('cursor','crosshair');http://jsfiddle.net/2Qffw/3/

javascript - d3.js 在鼠标悬停时更改折线图点的颜色和大小

我用d3.js制作了一个折线图(见附图1)。我设法在鼠标悬停时在图形点上插入工具提示。我也想改变点的颜色和大小。我尝试了很多方法,但似乎真的很难。有什么帮助吗?这是一段代码:svg.selectAll("dot").data(data).enter().append("circle").attr("r",5.5).style("fill","#fff8ee").style("opacity",.8)//settheelementopacity.style("stroke","#f93")//setthelinecolour.style("stroke-width",3.5).attr(

javascript - 如何使用jquery在鼠标移动到页面底部时自动滚动窗口

我有50个div,但在我的窗口中它只显示25个,我在这些div上进行拖放事件。所以如果我将我的第一个div拖到第25个div附近,它应该自动滚动以显示剩余的div。如何我在jquery中做这个?有什么想法吗?我正在使用Nestable不可拖动() 最佳答案 这将需要根据您的具体用例进行一些微调,但它似乎运行良好。WorkingExample$('.dd').nestable({/*configoptions*/});$(window).mousemove(function(e){varx=$(window).innerHeight(

javascript - 在可滚动的 div 中获取鼠标位置

最近几天一直困扰着我的另一个问题。正如您可能从我的其他问题中看到的那样,我正在创建一些思维导图软件。所以(极其简化)我有两个div。一个在页面上是一个正方形,另一个在那个div里面,大约是它的10倍大并且可以拖动。这样一来,对象就可以放置在屏幕上,然后在添加另一个对象时稍微移动到一边等等。我通过创建外部div可滚动来做到这一点。我遇到的问题与java脚本中的鼠标位置有关。如果我将鼠标位置放在div中的任何位置,它将不正确,因为我将内部div的大小偏移到顶部和左侧的一半(因此有效地用户正在查看Canvas的中间并且可以按照他们喜欢的方式进行).我已经尝试了数十种不同的鼠标坐标功能,但这些

javascript - 鼠标悬停在元素上时 Onmouseover 运行多次?

为什么当我悬停在一个元素上时onmouseover会运行多次?我试图在用户将鼠标悬停在某个图标上时运行一个简单的动画,但它运行了多次。我在这里测试:http://lujanventas.com/test.php无论如何,关于如何修复它有什么想法吗?也许改用监听器?这是在鼠标悬停时运行的javascript:functionupIcon(n){console.log("Mouseovericon:"+n);$('#icon'+n).animate({backgroundPositionY:"-=15px"},200);$('#icon'+n).animate({backgroundPos