草庐IT

光标位置

全部标签

JavaScript 'contenteditable' -- 获取/设置插入符位置

我已经阅读了一些关于定位插入符的帖子,但似乎没有一个能回答我的特定问题。我有2个div(div1和div2)div1=不可编辑的divdiv2=contenteditablediv两个div包含完全相同的内容当用户点击div1时,它会被隐藏,而div2会出现在准确的位置,用户可以编辑问题:我希望插入符像div1一样出现在div2上的确切位置所以,我需要一些方法来读取用户点击div1的位置,然后当div2出现时将光标/插入符放在同一位置,所以getCaretLocation(in_div_id)和setCaretLocation(in_div_id)函数集。有什么办法吗?谢谢-

javascript - 如何获取 CSS3-3d 转换元素的屏幕位置?

我有一个基于CSS3构建的非常复杂的网站,其中包含html元素3d转换、旋转、翻转、翻转和一般扭曲。我正在尝试找出其中一个元素在屏幕上的位置,但没有找到任何方法。不知道有没有人有什么巧妙的想法。或者,如果有人可以解释-webkit-perspective背后的数学原理,我可以找出位置,因为这是我唯一不确定如何建模的东西。 最佳答案 您是否尝试过使用getBoundingClientRect()?我过去曾成功地使用它来计算已使用transform属性转换的元素的尺寸。 关于javascri

javascript - 在模板中连接 url 的 Angular 如何比在其他位置更不安全?

我有一个类似于此的angularjs模板:但是这会导致$interpolate:noconcaterror.与此模板相比:甚至:(其中createThumbnailURL是一个简单的过滤器,它与上面的连接相同)工作得很好。文档说:ConcatenatingexpressionsmakesithardtoreasonaboutwhethersomecombinationofconcatenatedvaluesareunsafetouseandcouldeasilyleadtoXSS.是的,静态URL总是比串联的URL更容易评估,我明白这一点。然而,REST-API的URL可以通过简单的连

javascript - 如何使用jQuery找到离当前位置最近的元素

我有一个文档,其中有几个部分是这样的:lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala如何获取最近的到当前滚动位置(大概,这等同于读者当前正在查看的部分)? 最佳答案 您可以使用$(window).scrollTop()和$(el).postion().top计算元素距离顶部的距离滚动后屏幕的大小。然后您可以使用此信息根据需要操作元素。这是一个有效的jsfiddle示例:http://jsfiddle.net/gizmovation/x8

javascript - 在拉斐尔中获取光标坐标

raphaeljs库中如何获取鼠标光标坐标?我正在尝试类似的东西:rect.mousemove(function(event){thisGrid.Popup.Show(event.layerX,event.layerY,["clientX:",event.clientX,"clientY:",event.clientY,"\n","layerX:",event.layerX,"layerY:",event.layerY,"\n","pageX:",event.pageX,"pageY:",event.pageY].join(''));});但是所有这些属性都返回相对于窗口左上角的坐标。

javascript - Google Maps InfoBubble pixelOffset(从标记上方的默认位置移动)

我正在尝试实现一个自定义infoBubble,它的框打开到标记的一侧,而不是默认位置在顶部。事实证明这比预期的要难。使用普通的infoWindow,您可以使用pixelOffset。在这里查看documentation使用infoBubble似乎并非如此。有没有办法在infoBubble中使用pixelOffset,或者可以做同样事情的东西?我发现这很难搜索,因为使用这样的谷歌搜索不会返回任何相关结果GoogleSearch以下是我一直在使用的所有资源。infoBubble示例here.我的JavaScript用于设置map和infoBubblehere.现在我的javascript在

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

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

javascript - 使用 React 更改文本区域中的光标位置

我在React中有一个文本区域,我想把它变成一个“记事本”。这意味着我希望“tab”键缩进而不是散焦。我看了thisanswer,但我无法让它与React一起工作。这是我的代码:handleKeyDown(event){if(event.keyCode===9){//tabwaspressedevent.preventDefault();varval=this.state.scriptString,start=event.target.selectionStart,end=event.target.selectionEnd;this.setState({"scriptString":v

javascript - jQuery 淡入位置 :absolute causes z-index issue

从技术上讲,我使用的是fadeToggle()但它们是表兄弟...基本上我的问题是我有一个绝对定位的div,我正在使用slideToggle()on但在动画完成之前不会设置Z-index。结果是,在淡入淡出期间,相邻div中的文本(其z-index值低于淡入的div)出现在具有更高z-index的淡出div的“顶部”。有人熟悉这个怪癖吗?知道任何解决方法吗?编辑:请允许我澄清一下:当动画完成时,z-index会正确解析,但在过渡期间文本位于其上方。 最佳答案 我刚刚遇到了同样的问题,所以我想我会分享解决方案。正如你所说,当元素用绝对

javascript - JavaScript 在 html 页面上的位置重要吗?

我一直在研究html5,我以前从未真正仔细研究过JavaScript。我正在引用这样的脚本文件(不在头部)然而,脚本似乎只有在页面上某些元素下方时才有效。在特定情况下,javascript的放置位置是否重要?提前致谢。 最佳答案 如果脚本没有等待onload或某种“就绪”事件,它需要放在它引用的元素之后(否则它们将无法在那里找到)。如果您不确定,请将其粘贴在之前.在这种情况下,看起来确实是这样,它正在寻找尚未添加到DOM中的元素。将脚本放在的底部是应对这种情况的一种常见做法。一些替代方案正在使用window.onload事件来运行你