草庐IT

位置变化

全部标签

javascript 或 jquery 获取给定元素的背景位置属性,然后动态 +/- 到那个

我有一些要设置滚动的元素,但我希望即时进行计算,而不是每次滚动时每次都手动设置位置,因为随着时间的推移会有很多。目前我正在使用一个sprite,随着时间的推移,我会向它添加更多内容。始终并排,并且始终为它的每个图像方面四周填充10像素。所以我知道如果我的默认位置总是0100,例如,我想为此滚动,那么我知道它会是50100我怎样才能有一个方法来获取2个值那但只添加到其中一个 最佳答案 您需要获取背景位置并将其分成两个值,执行计算,将值设置回字符串。例如myPos=$('.selection').css("background-posi

javascript - 检测 DOM 元素顺序的变化

我有以下代码:RandomtextRandomtext并且,使用代码,我有50%的机会更改div中元素的顺序。$(document).ready(function(){varinitial=$("div");//Thismightnotbeokif(newDate()%2)//50%chancetorandomizeorderrandomizeOrder();varafter=$("div");//Alsothismightnotbeok//Detectiftheorderofspanschangedif(after!=initial)//Definitelywon'tworkcons

javascript - 单击任意位置以关闭 react 中的下拉菜单

我在一个页面上有多个自定义构建下拉组件。我使用setState触发列表项打开toggleDropdown=(id)=>{this.setState(prevState=>({[`dropdown${name}`]:!prevState[`dropdown${id}`]//dropdownA,dropdownB,dropdownCandsoon}))}如果在菜单打开时单击下拉菜单,这也会切换它。但是后来我有几个下拉菜单,如果我打开一个下拉菜单,其他下拉菜单不会关闭,如何解决这个问题?我在componentWillMount中使用“hacky”方式混合与jquery的react,在body

javascript - 如何使用 Internet Explorer 的 javascript 获取鼠标指针位置?

我正在开发一个网页,我在中设置了一个图像。动态地。它在Firefox中有效,但在IE中失败。问题是:如何在IE中获取鼠标指针位置?我正在使用以下代码获取鼠标指针位置functiongetCursorXY(e){CurX=(window.Event)?e.pageX:event.clientX+(document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);CurY=(window.Event)?e.pageY:event.clientY+(documen

javascript - 在 VUE JS 的 Cursor 位置插入字符

我一直在尝试在光标所在的文本区域中准确插入表情符号。我在网上查看了howtos找不到VUEJS中的任何特定内容。他们中的大多数都是纯JS。我有这个代码我的方法addEmoji(emoji){this.greeting_text+=emoji.native;this.showPicker=!this.showPicker;}显然,这段代码会将字符(在我的例子中是表情符号)添加到字符串的最后。为此,我需要一个纯vuejs解决方案。Vue中此类问题的最佳实践是什么?因为网络中很少有基于vanillaJS或Jquery的解决方案。 最佳答案

javascript - Google Analytics 在哈希变化时设置页面 View

我正在尝试获得一个主页,该主页在Isotope下包含大量内容在GoogleAnalytics中将每个哈希更改显示为一次综合浏览量。本来,我打算把它作为事件来做,但它真的应该是综合浏览量。所以我设置了修改后的GA:(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.asyn

javascript - 是否可以根据屏幕宽度更改 Bootstrap 弹出窗口的位置?

我有一个项目列表,每个项目都有一个与之关联的Bootstrap弹出窗口(docshere)。它们是这样启动的:$('#my_listli').popover({placement:'left'});这行得通,但在宽度较小时,弹出框会从视口(viewport)中消失。我想根据$(document).width();设置条件放置,但是我看不到覆盖初始选项的方法(例如,在宽度为1000px,将位置切换到“上方”​​)。我整理了一个简化版本atjsfiddlehere.非常感谢。 最佳答案 placement也可以取一个函数作为它的值。在此

javascript - 为什么 { 位置会影响此 Javascript 代码?

我在这个Javascript问题上花了很多时间(你可以看出我是一个JS菜鸟):使用一些编写良好的Javascript代码likethisexample揭示模块模式:运行它工作正常。然后将“{”移动到下一行(作为C#开发人员,我将所有环境设置为在新行上放置大括号)并再次运行它。return{someMethod:myMethod,someOtherMethod:myOtherMethod};它现在在“13Linebreakingerror'return'”周围出现了很多JS错误。和Chrome调试器中的“UncaughtSyntaxError:Unexpectedtoken:”。我的问题

javascript - 如何使用 jQuery 检测任何表单输入字段的变化?

我使用以下代码片段来检测特定表单输入字段的每次更改。$('#textbox').on('input',function(){//Dosomethinghere});这个特定的输入字段属于具有复选框、单选按钮和更多文本输入字段的表单。有没有一种方法可以检测到任何表单字段何时发生更改? 最佳答案 尝试,$('#Forminput').on('input',function(){//Thiswouldbecalledifanyoftheinputelementhasgotachangeinsidetheform});

javascript - Three.js - 对象跟随鼠标位置

我在Three.js中创建一个球体,它必须在鼠标移动时跟随它,如thisexample中所示。.处理鼠标移动的函数如下:functiononMouseMove(event){//Updatethemousevariableevent.preventDefault();mouse.x=(event.clientX/window.innerWidth)*2-1;mouse.y=-(event.clientY/window.innerHeight)*2+1;//MakethespherefollowthemousemouseMesh.position.set(event.clientX,ev