草庐IT

webkit-animation

全部标签

javascript - 无法在 webkit 浏览器的全屏模式下在文本输入中键入任何字母或数字

切换到全屏模式后(在chrome和safari上测试),我无法在文本输入中输入任何字母或数字,但我仍然可以输入特殊字符,如*¨%£但没有简单的字母...代码非常简单:HTMLLAUNCHFULLSCREENJSfunctionlaunchFullScreen(element){if(element.requestFullScreen){element.requestFullScreen();}elseif(element.mozRequestFullScreen){element.mozRequestFullScreen();}elseif(element.webkitRequestF

javascript - Node Webkit-通过 outlook 打开和发送电子邮件

我有一个cordova应用程序,我想使用NodeWebkit在桌面上运行。我需要用NodeWebkit等效函数替换cordova.plugins.email()函数,但我很难找到我需要的信息。有人能帮忙吗?//emailcomposer$('#stage').on('click','#email',function(event){varpdfatt=(this.getAttribute('data-pdfemail'));varprofforename=window.localStorage.getItem('profForename');varprofsurname=window.l

javascript - 范围对象 : differences between Webkit and Mozilla based browsers

目前,我在为基于Mozilla和Webkit的浏览器编写抽象层以使用DOM范围对象(获取和处理用户选择)时遇到了一些麻烦。我也尝试过查看像Rangy这样的框架,但这对我的任务来说似乎太复杂了(我不知道在代码中的确切位置可以找到我需要的信息。如果有人能给我提示,我将不胜感激!)。我想要的就是这样:取回对选择开始的文本节点的引用及其偏移量取回对选择结束的文本节点的引用及其偏移量到目前为止,我的层看起来像这样:varSEL_ABSTR={get_selection:function(window_object){returnwindow_object.getSelection();},get

javascript - Angular 动画 : Animate Parent and Child Elements

我用Angular动画创建了一个元素(div.parent),效果很好。当我向它添加一个子元素并尝试同时为该子元素设置动画时,其中一个动画并没有结束运行(它只是捕捉到新状态)。堆栈Blitz:https://stackblitz.com/edit/angular-2tbwu8标记:动画:trigger('theParentAnimation',[state('down',style({transform:'translateY(100%)translateZ(0)',})),transition('**',[group([query(':self',[animate('0.9scubi

javascript - 如何在 WebKit 中获取所有受支持的 CSS 属性?

在Firefox、Opera和IE中,我可以通过以下方式获取它们:>>for(kindocument.body.style)console.log(k)->opacitybackgroundheighttextAlign....longlist....pointerEvents在WebKit中,结果完全不同:>>for(kindocument.body.style)console.log(k)->cssTextlengthparentRulegetPropertyValuegetPropertyCSSValueremovePropertygetPropertyPrioritysetPr

javascript - leaflet.js : Fire event when setView() has finished the animation. 这怎么可能?

我目前正在使用leaflet.js,我现在正在网上搜索很多,以找出:如果有一个事件,可以在异步函数setView()的动画结束后触发。这是我尝试过的:map.setView([lat,lon],12,{pan:{animate:true,duration:0.5},zoom:{animate:true},animate:true}.on('ready',function(e){console.log("animationfinished!");});setView-command完美运行,但是本地图动画准备就绪时应该触发的函数不起作用。有没有人有解决办法?

javascript - 使用 box-sizing :border-box 时,jQuery.height() 在 WebKit 和 Firefox 中的行为不同

我有一个应用了以下样式的文本区域:textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}如果我随后运行以下javascript/jquery代码,使用Safari(5.0.6)和Chrome(16.0.x)时,我的文本区域的高度将减半:$('textarea').each(function(){var$this=$(this);$this.height($this.height());}根据.height()的jQuery文档,这是预期的行为,因为.height()返回内容高度(无填充、边框),而不管box

javascript - 谷歌 API : gauge animation

我试图让googlegaugepointer移动,但它没有移动,我已经设置了动画配置,因为它应该在varoptions中设置,例如duration:1000和easing:'inAndOut',我是n00binGoogleAPI所以为了我的无知尝试。谁能帮帮我。这是tutoriallink我正在使用它。代码正在工作,但部分工作,仪表指针应该缓慢移动到它的最大值,但是,在我的情况下它不会工作。这是代码。google.load('visualization','1',{packages:['gauge']});google.setOnLoadCallback(drawChart);func

javascript - 尝试包含 ngMaterial $mdToast、$animate 时出现 Angular Material "[$injector:unpr] Unknown provider"错误

我正在尝试在此应用中使用ngMaterial:Bower.json文件:{"name":"x","version":"0.0.0","description":"x","dependencies":{"bootstrap":"~3","angular":"~1.4.7","angular-resource":"~1.4.7","angular-animate":"~1.4.7","angular-mocks":"~1.4.7","angular-bootstrap":"~0.13","angular-ui-utils":"bower","angular-ui-router":"~0.2

javascript - 在 iPad 上使用 javascript 更改 webkit 过渡持续时间?

我在iPad应用程序中使用web-kit转换。他们工作得很好。但我想知道如何使用javascript更改转换的值。#container{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-out;}我想做什么:functionfunc(){document.getElemeentById('container').transition.duration=500;}这可能吗? 最佳