草庐IT

javascript - Google Map jQuery - 从鼠标点击获取 LatLng

我目前正在通过theirjQueryclient使用GoogleMapsv3API.我试图通过在map上单击鼠标来获取纬度和经度,将它们连接到一个字符串并将该字符串添加到页面上的输入字段中。作为jQuery的新手,我完全迷路了。谁能指出我正确的方向?我在我的页面上初始化Googlemap的代码如下:$(document).ready(function(){varyourStartLatLng=newgoogle.maps.LatLng(53.307697,-6.222317);$('#map-canvas').gmap({'center':yourStartLatLng,zoom:15

javascript - 鼠标光标根据事件变化

我有一个要发送的ajax请求。当请求开始时,我有document.body.style.cursor="wait";这会立即将光标的外观更改为旋转的圆圈。当请求结束时,我有document.body.style.cursor="default";但是,这只会在用户移动鼠标时将光标返回到其原始状态;如果鼠标保持不动,则光标不会改变。当您将其设置为“自动”或任何其他类型时,光标更改仅在移动时触发。有什么想法吗? 最佳答案 只需将窗口滚动0,0。document.body.style.cursor="auto";window.scroll

javascript - 为鼠标事件创建对象 "transparent"?

我正在使用HTML5Canvas和KineticJS开发一个项目。一个半透明的覆盖层(一个KineticJS组或层)被放置在整个场景中。问题是:未处理绑定(bind)到此叠加层下的KineticJS对象的鼠标事件。如何使这个叠加层(或任何其他对象)对鼠标事件“透明”?注意:问题仅与Canvas有关,没有其他HTML元素干扰它。(为了弄清楚下面的问题。) 最佳答案 假设您的意思是HTML元素放置在您的Canvas上,请尝试查看指针事件:pointereventsatMDN例如#foo{pointer-events:none;}

javascript - 在 Angularjs 中检测鼠标按下事件

我知道如何在被点击的指令上检测mousedown事件。但是,当鼠标在我的指令/元素之外时,我的指令也需要变得不受约束或取消选择。我该怎么做? 最佳答案 在指令中创建链接函数,该函数绑定(bind)文档上的mousedown事件处理程序。然后,在指令元素本身上绑定(bind)另一个mousedown事件。后一个处理程序还应调用event.stopPropagation()以防止事件一直冒泡到文档级别:link:function(scope,elem,attrs){angular.element(document).bind('mous

javascript - 在 Angular 2 中鼠标悬停之前,组件变量更改不会在 View 中更新

从angular2-alpha更新到最新版本后,bool值的更改不会更新*ngIf,直到执行某些操作。这里是有问题的组件:declarevarCKEDITOR:any;exportclassFieldComponent{@Input()field:any={};ckeditor:any;editable:boolean=false;constructor(){this.switchToUnEditable();this.listenForEvent("FieldEditableEvent",(data)=>{this.switchToEditable();});}switchToEdi

javascript - 如何使用 javascript/jquery 检查鼠标是否退出浏览器窗口?

我需要一种方法来检查鼠标是否在浏览器窗口之外。问题在于,当鼠标快速移出浏览器窗口(我的元素靠近边缘)时,不会触发mouseout事件(或mousemove)。我认为解决我的问题的最好方法是检查计时器是否在窗口内,但我还没有找到方法,因为我需要触发一个事件才能获得鼠标坐标。我是一个javascript/jquery新手,但似乎应该有办法做到这一点,但到目前为止我肯定没能找到它。也许我可以强制触发鼠标事件并查看是否有任何xy值?知道我该怎么做吗?提前致谢! 最佳答案 好像@JoshuaMills在这里解决了这个问题:HowcanIdet

javascript - 在 html5 Canvas 上旋转对象后返回未转换的鼠标坐标

我在html5Canvas中围绕可变原点旋转对象。如果用户点击新旋转的矩形中的给定点,我需要将返回的鼠标坐标围绕同一原点旋转回来。我画了一个非常快速的图,希望能更好地说明:我基本上需要一个函数,它将实际单击的鼠标坐标作为x和y,并将它们转换为旋转之前的对象位置。varorigin={x:100,y:100};varangle=45;functiontransformCoordinates(x,y){//Performcalculationtotransformcoordinatesreturn{x:newx,y:newy};}可用的变量将是旋转和Angular变换原点。以及Canvas

javascript - D3.js 在鼠标悬停时更改文本,这可能吗?

我有一个力导向图,我想在鼠标悬停时更改节点中的文本。我试图通过将"full_name":的数据放在数据数组中,然后在鼠标悬停时调用它,就像我为蓝色矩形图像调用它一样。但它似乎不起作用,而且我没有收到任何错误。所以我不知道是什么问题..您可以在此处查看和编辑示例:http://jsfiddle.net/dzorz/CqaLh/脚本看起来像这样:vardata={"nodes":[{"name":"Action1","type":2,"slug":"","entity":"employee"},{"name":"Action2","type":3,"slug":"","entity":"e

javascript - jQuery 触发鼠标移出事件

是否可以使用jQuery在链接元素上触发mouseout事件?即有点像$(linkEle).mouseout()我希望它能在iPad上运行,尽管它没有任何鼠标光标,但确实有事件... 最佳答案 是的,jquery有一个mouseout事件处理程序-http://api.jquery.com/mouseout/$('some_selector_here').mouseout(function(){//Dosomestuff}$('some_selector_here').trigger('mouseout');

javascript - Highcharts - 在鼠标位置绘制十字准线/工具提示而不是捕捉到数据点

Here(seethisjsfiddle)您可以看到二维十字准线正在捕捉到最接近它的数据点。您如何使十字线和工具提示与图表上的当前鼠标位置相对应?tooltip:{crosshairs:[true,true]} 最佳答案 jsFiddleSolution我最终绑定(bind)了自己的mousemove事件,以获得图表中不断变化的鼠标位置以获取十字准线。对于我刚刚使用的工具提示:tooltip:{shared:true,followPointer:true},这应该足以让您继续前进。 关于