草庐IT

鼠标操作

全部标签

javascript - Ionic 和 AngularJS - 拖动元素并四处移动 - 如何获得鼠标位置?

所以我尝试用我的手指(或鼠标,在桌面上)在页面上拖动一个HTML元素。该元素首先隐藏,显示其他三个元素,当拖动其中一个元素时,隐藏的元素会显示并随手指移动-初始元素保持在原位。释放时,拖动的元素消失。这就是我所做的:HTML:drag1drag2drag3draggedController:myApp.controller("playerCtrl",["$stateParams","$scope",function($stateParams,$scope){$scope.player=$stateParams.playerId;$scope.doshadow=0;$scope.drag

javascript - 在多个重叠的 SVG 元素上检测鼠标事件

我正在尝试检测部分重叠的SVG元素上的mousemove事件,如图所示fiddle$('rect').on('mousemove',function(){log(this.id);});现在,当将鼠标悬停在蓝色/红色交叉点上时,我想检测这两个元素上的鼠标事件,蓝色/橙色组合也是如此。正如您在日志中看到的那样,在这些情况下,当前仅针对位于顶部的蓝色框触发事件。这与指针事件有关,因为我可以让红色和橙色元素触发事件,同时通过settingtheblueelement'spointer-eventstonone悬停蓝色元素|.但是我没有得到蓝色框的事件,所以这也不是一个可行的选择。我会使用任何

javascript - 如何使用 javascript 计时来控制鼠标停止和鼠标移动事件

所以我在aspx页面上有一个控件(map)。我想写一些javascript来加载以下设置:当鼠标停在控件上时=一些代码当鼠标移动时=一些代码(但前提是移动时间超过250百万秒)这可以在停止和移动时触发代码...functionsetupmousemovement(){varmap1=document.getElementById('Map_Panel');varmap=document.getElementById('Map1');map1.onmousemove=(function(){varonmousestop=function(){//codetodoonstop},threa

javascript - 使用 JavaScript 或 jQuery,如何在 <img> 或 <div> 元素中特别是鼠标移动的地方获取 RGB 颜色

我有一张图片,.无论何时何地移动鼠标光标,我都试图获得RGB颜色。如何使用jQuery或纯JavaScript执行此操作?例如:http://www.script-tutorials.com/demos/158/index.html跟进(用于复制粘贴测试):headScript();?>$(document).ready(function(){varimage=newImage();varctx=$('#panel')[0].getContext("2d");/*Loadthepictureempty.jpg*/image.onload=function(){ctx.drawImage

javascript - 使用鼠标滚轮和滚动条平滑垂直页面滚动

我正在玩弄并尝试建立一个视差网站-是的,我知道它们是一种令人讨厌的时尚,但我仍然想尝试一下。因此,为了获得灵感,我一直在查看各种优秀视差网站的示例并发现了这个网站:https://victoriabeckham.landrover.com/INT.它可以使用鼠标滚轮、滚动条和anchor链接进行平滑滚动。我一直在寻找可以实现这种效果的jQuery插件,但似乎只能找到使用内部页面链接的插件-anchor或ID(详见下文)-但不是鼠标滚轮和滚动条。我很有可能使用了错误的关键字进行搜索。有谁知道找到这些插件的正确术语或知道任何可以实现这种效果的插件吗?附带说明一下,我目前正在学习jQuery

javascript - 在 Javascript 中模拟鼠标点击

这个问题在这里已经有了答案:HowtotriggereventinJavaScript?(19个回答)关闭9年前。寻找用鼠标左键单击由ID或类名称标识的图像/按钮的Javascript,等待x秒并重复。并且能够在开发者工具Consoletap、chrome和firefox中运行。尝试自己编写,因为我认为这将是一个简单的代码,但经过2小时的反复试验但没有运气,我开始没有选择了。希望那里的Javascript专家有时间帮助非常新手的用户;)谢谢

javascript - 使用 JavaScript sdk() 显示错误的 Facebook 自定义故事分享(操作需要至少一个引用)

我正在为我的一个FacebookCanvas游戏应用程序使用JavaScriptSDK。我正在尝试实现自定义故事共享对话框以在用户墙上发布故事。开发者网站上可用的信息不清楚且有限。下面的代码用于使用opengrapAPI共享自定义故事。提供的Facebook开发者站点链接(https://developers.facebook.com/docs/sharing/reference/share-dialog)上提供了以下代码。Facebook提供的代码运行良好,因为它使用预定义的action_type。FB.ui({method:'share_open_graph',action_typ

javascript - 您可以在页面操作弹出窗口中使用 javascript 吗?

我正在尝试构建一个使用页面操作弹出功能的chrome扩展程序,但我的javascript似乎都不起作用。这是来源:console.log("doanything!!");我在任何地方都看不到记录器语句。我似乎无法运行任何东西。这是弹出窗口应该如何工作吗?文档没有提到这些弹出窗口只是静态HTML。 最佳答案 首先,Chrome扩展不允许运行内联Javascript代码(也就是任何不包含在.js文件中但包含在DOM中的代码)。引自theContentSecurityPolicypage:Thereisnomechanismforrela

javascript - AngularJS 范围直到在 ui 中执行某些操作后才会更新,比如单击具有函数的对象

当视口(viewport)小于或等于641px时,我试图将类添加到我的侧边栏,并且我必须在这种情况下观察窗口的宽度$scope.$watch(function(){return$window.innerWidth;},function(value){if(value它在第一次加载时登录,但是当我调整大小时,我必须在它再次触发之前进行一些点击。例如。我调整大小,然后单击具有ng-click行为的项目,这是唯一一次,它再次记录。我已经阅读了一些问题,这可能是由于$digest和$apply?谁能解开我的困惑。 最佳答案 需要触发摘要循环

javascript - 如何在调整浏览器大小时根据div大小触发显示或隐藏操作

我正在为图书出版网站的作者页面设计一个摘要容器。一些作者的摘要内容较多,而另一些作者的内容较少。当div容器的高度超过截止高度(180px)时,我想动态启用/禁用显示更多/更少按钮。因此,结果证明可以动态控制div容器的高度(180px和原始高度)。我需要一段在所有浏览器中都能完美运行的代码。我在这里实现了一个代码:http://jsfiddle.net/rraagghhu/9dgs6432/3/HTML:ChetanBhagatistheauthorofsixblockbusterbooks.Theseincludefivenovels—FivePointSomeone(2004),