草庐IT

移动物联网

全部标签

javascript - 如何在不使用 -webkit-app-region 的情况下在 Electron 中移动无框窗口

我一直试图在false上移动一个无框窗口,但现在我想通过拖动一个元素(标题栏)来移动整个窗口,我试过-webkit-app-region:drag;但是好像不行,我也试过https://www.npmjs.com/package/electron-drag但它也不起作用。 最佳答案 由于您的窗口是无框的,因此您可以使用属性-webkit-app-region,即使您的IDE说它不是,它仍然有效。出于用户体验考虑,您应该禁止文本选择并在标题栏内拖动按钮。.titlebar{-webkit-user-select:none;-webki

javascript - Fabric js 用键盘移动图像

我用fabric.js创建了一个简单的工具,我需要添加功能来用键盘移动对象。我被卡住了。目前我登录到控制台的键盘事件,所以我知道它有效。但我不知道如何将此功能添加到我的Canvas图像中。需要帮忙吗?$(function(){varcanvas=newfabric.Canvas('imageCanvas',{backgroundColor:'rgba(255,255,255,0)'});varimageLoader=document.getElementById('imageLoader');imageLoader.addEventListener('change',handleIma

javascript - 移动包含动态创建的脚本标签的 DOM 元素

我在基于wiki的CMS中使用FishGadget(http://abowman.com/google-modules/fish/),并且需要将小工具从一个HTML元素重新定位到另一个HTML元素。(注意:鱼小工具是一个示例-其他小工具也会出现此问题。)如果我直接使用小工具基类“ig_reset”重新定位小工具,那么一切正常。如果我尝试使用周围的包装器重新定位,那么小工具使用的iframe似乎会接管。不幸的是,我需要使用周围的wrapper重新定位的灵active。这似乎与在DOM中移动SCRIPT标记有关。小工具动态地创建一个脚本和一个样式标签。如果我从DOM中删除动态创建的脚本标记

javascript - 检查是否有互联网连接

如何在Javascript中检查是否有互联网连接?我在Google中进行了搜索,但没有找到适合我的问题的解决方案。我已经有两个事件处理程序:document.body.addEventListener("offline",function(){//alert("offline")masterViewModel.online(false)},false);document.body.addEventListener("online",function(){//alert("online")masterViewModel.online(true);},false);但是如果我在线,如何检查

javascript - 如何防止脚本在移动设备上运行?

我的网站具有粘性导航功能,但无法在移动设备上运行...如何在移动设备上使其具有粘性,或者如何防止其具有粘性(当然,同时保持导航)?我到处寻找答案,但找不到有效的答案(并且没有禁用我的导航:)非常感谢您的帮助!这是我的index.htmlheader的一部分:$(window).load(function(){$("nav").sticky({topSpacing:0,className:'sticky',center:true});});这是jquery.stickyjavascript中的代码:(function($){vardefaults={topSpacing:0,bottom

javascript - Bootstrap 移动菜单图标更改为 x 关闭

编辑@zim答案使用2020CSS轻松解决问题,更好地适用于Bootstrap4。原始问题和选择的答案仍然有效且信息量很大。原始问题我希望,在移动View中,菜单图标(在Bootstrap基本导航栏示例中使用类icon-bar定义)更改为X形状(类似于此处发生的情况:https://www.mint.com但不那么花哨(我只想用X替换3条条纹)。目前我正在使用自定义id:#ChangeToggleTogglenavigation连同以下javascript函数(我知道它很基本,但我是新手):$('#ChangeToggle').click(function(){if($('#Chang

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种

javascript - 如果我将一个元素从一个容器移动到另一个容器,是否存在范围问题?

考虑到您有这种情况:元素.componentB有一个名为move-to的指令,它只是简单地移动该元素的内容,使用jQuery子通配符选择器(如varcontents=$('.componentB').find('>*');),当这些断点中的任何一个在breakpoints指令上定义时(这些数字是索引一个阵列,保持断点测量)当前正在发生。当该指令的某个断点处于事件状态时,DOM将更改为:这是我正在处理的一个网站的静态版本中使用的一种响应机制。我需要知道范围继承、事件广播、状态Controller是否存在缺陷,它们与div.main相关,而div.main本身就是div.auxiliary

javascript - 即使鼠标不移动,Webkit 和 Safari 也会触发 mousemove

我读过有关mousemove事件在Safari/Webkit中被触发两次的问题,但我面临的问题是mousemove即使在鼠标移动时也会触发未移动。也就是说:当鼠标光标位于加载/刷新页面时事件所附加的上下文上方时,它已经触发。因为我将它附加到document(浏览器的整个视口(viewport)),它会立即在Safari中触发。我试图将它附加到html元素、body和包装器div。没有变化。$(document).bind('mousemove',function(){alert('Mousemoved!');$(document).unbind('mousemove');});在其他浏

javascript - 如何在不丢失内容的情况下沿 DOM 移动 iframe?

这可能吗?我试图移动它,但iframe内容消失了。试图获取iframe的内容并将它们放置在新位置,但所有处理程序都消失了。尝试做同样的事情,但有了新的jQuery1.4.2功能,它会克隆所有事件。但它不起作用:)所以我决定在这里寻求帮助。如何在不丢失内容的情况下将该死的iframe移动到文档中的另一个位置?^_^谢谢添加:txtad_iframe=ad_container.find('iframe');its_contents=txtad_iframe.contents();its_body=its_contents.find("div:first").clone(true).inse