草庐IT

窗口操作

全部标签

javascript - jQuery 窗口滚动事件。每滚动 XX 像素

我正在为一个项目使用出色的jQueryReel插件(http://jquery.vostrel.cz/reel)。我想绑定(bind)到窗口滚动事件,所以当用户向下滚动页面时,插件前进1帧,也就是说每滚动10像素,如果用户向上滚动,动画就会反转。该插件有一些方法,我可以毫无问题地将值传递给它,而且我知道如何绑定(bind)到窗口滚动事件。我正在挣扎的是最后一个。我如何使用jQuery/JavaScript表示在任何垂直方向上每滚动10个像素在动画中前进1帧?我知道我可以将窗口滚动存储在一个变量中,但我不确定每次它达到10的倍数时如何提前一帧。非常感谢。编辑感谢以下用户的帮助,我制定了解

javascript - Firebase 持久性 - onDisconnect 与多个浏览器窗口

我们正在编写一个监控在线状态的应用程序。在多种情况下,我们需要用户打开多个浏览器窗口。我们遇到了一个问题,用户在辅助浏览器窗口中打开并运行firebasejs代码后,将关闭该辅助窗口。这会将它们在主窗口中设置为离线,因为onDisconnect事件会在辅助窗口中触发。这种情况有解决方法吗?这是可以使用特殊/.info/connected位置的地方吗? 最佳答案 .info/connected存在数据仅告诉给定客户端它们是否链接到Firebase服务器,因此在这种情况下它不会帮助您。您可以尝试以下方法之一:如果离线则重置变量如果您有多

javascript - 使用 Angular 2 的 Oauth 2 弹出窗口

我正在升级/重写现有的Angular应用程序以使用angular2。我的问题是我想在一个新的弹出窗口中打开一个OAuth流程,一旦OAuth流程完成,使用window.postMessage将OAuth流程成功传达回Angular2应用程序。目前我在angular2服务中拥有的是exportclassApiService{constructor(private_loggedInService:LoggedInService){window.addEventListener('message',this.onPostMessage,false);}startOAuthFlow(){var

javascript - 无法从单独的模块分派(dispatch)命名空间操作 : [vuex] unknown action type

我有两个模块,activities和alerts。添加activity时,我想使用命名空间操作alerts/SHOW发送警报。当我直接从组件调用操作时(使用来自Vuex的createNamespacedHelpers,带有alerts的命名空间),这会起作用。但是当我从另一个命名空间模块分派(dispatch)操作时,我收到以下错误消息:[vuex]unknownactiontype:SHOW我不确定我做错了什么。我正在为activities命名空间调用ADD操作和另一个createNamespacedHelpers。我还使用了{root:true}选项,在Vuexmoduledocu

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

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

javascript - 如何在用户点击离开时关闭 Bootstrap 弹出窗口(或任何一般项目)?

我在手动模式下使用来自Twitter的Bootstrap库的popover对象,我想知道当用户点击它时我应该如何关闭工具提示。这是我的HTML:Test和我的JavaScript:$('#stats-bar').click(function(e){$(this).popover('show');});当用户点击除弹出窗口本身以外的任何地方时,如何隐藏弹出窗口?我想过在弹出框后面使用一个固定的透明div并设置它的点击事件,但我不确定这是最好的方法。 最佳答案 我最终连接到文档点击事件并在此时隐藏所有工具提示$(document).cl

javascript - ExtJS:销毁配置 'closeAction' 设置为 'hide' 的窗口

我有一个窗口closeAction配置为在实例化时“隐藏”:varmyWin=Ext.create('Ext.window.Window',{...closeAction:'hide',...});因此,在myWin上调用close()只是隐藏窗口。我需要销毁Sencha文档所暗示的destroy意义上的窗口:removethewindowfromtheDOManddestroyitandalldescendantComponents.Thewindowwillnotbeavailabletoberedisplayedviatheshowmethod.我尝试了什么?我尝试了:直接在窗口

javascript - 使用 JQuery ajax 在 DOM 操作后附加事件

如何在使用ajax响应操作dom后附加所有事件。我有一个ajax请求,它得到一个基本上是html片段的html响应。该片段HTML有很多按钮。我想刷新dom,以便将之前声明和附加的事件也应用到该片段中。我不想继续使用jqueryon()为每个按钮添加每个事件。还有什么办法呢? 最佳答案 您可以使用提前设置的委托(delegate)事件处理,并且可以应用于新添加的DOM元素。委托(delegate)事件处理是通过.on()完成的,通常采用以下形式:$("staticparentselector").on('click','select

javascript - 如何抽象出浏览器窗口对象的用法?

在使用Aurelia框架时,如何抽象出浏览器的window对象的用法?例如,在使用setInterval或addEventListener等功能时,我想避免直接依赖浏览器。Aurelia有一个名为平台抽象库的东西,理论上它应该提供我正在寻找的功能。但是,在撰写此问题时,我找不到任何关于它的文档。 最佳答案 几个例子:import{DOM,PLATFORM,FEATURE}from'aurelia-pal';PLATFORM.addEventListener('click',e=>...);PLATFORM.requestAnimat

javascript - JavaScript 模态对话框是否可以只对选项卡模态而不对整个浏览器窗口模态?

现代浏览器具有多选项卡界面,但JavaScript函数window.showModalDialog()创建了一个模态对话框,阻止了所有选项卡。我想知道是否有一种方法可以创建一个模式对话框,该对话框仅阻止在其中创建它的选项卡? 最佳答案 您可以使用一种更“类似Ajax”的模态对话框,它只是绝对定位的div,float在其他所有内容之上。那些是“文档”而非浏览器的模态。比如看一下thisjQueryplugin附言showModalDialog()是一个仅限IE的调用,因此您可能不想完全使用它。