草庐IT

背景模糊

全部标签

javascript - 如何模糊 puppeteer 中的输入元素?

我正在用puppeteer师测试形式。该表单具有在输入元素上发生模糊事件时触发的验证。但是在puppeteer中没有模糊元素的API。我正在尝试聚焦/单击body或div元素,但这无法触发我的onBlur验证。page.click("body"),page.focus("body")现在,我正在为火焰模糊事件使用虚假的点击图像。但这不是一个好方法。exportclassLoginPage{constructor(privatepage:Page){}asyncsetup():Promise{awaitthis.page.goto(MY_LOGIN_FORM);}asynctypeEma

javascript - 模糊事件不会在 IE7 和 IE6 中触发

我有一个下拉菜单,在其中单击div并显示列表。在聚焦时我应该隐藏列表(即当用户单击或聚焦于其他元素而不是鼠标移出时)。因此,我明显的选择是onblur。现在JavaScript似乎可以在Firefox中运行,但不能在IE中运行,那是因为我的div有一个指定了高度和宽度的子div。这在测试文件中是可重现的。我正在使用jQuery。这是InternetExplorer中的已知问题吗?解决方法是什么?ExploringIE/**ExploringIE**/.selected_optiondiv{height:18px;}$().ready(function(){$('.selected_op

javascript - jQueryUI 自动完成 - 选择后模糊字段

我希望能够在从下拉列表中选择一个值后模糊该字段。我目前有自动完成项目搜索焦点。这是我的:$("#season").autocomplete({source:function(request,response){$.getJSON("search.asp",{term:request.term,type:'season'},response);},minLength:0}).focus(function(event,ui){$(this).autocomplete("search","");}); 最佳答案 您可以使用“关闭”方法在输

javascript - 解析 CSS 背景图像

如何解析CSSbackground-image,它支持多个值,可以是none和函数(例如url()和linear-gradient())有多个逗号分隔的参数?我似乎无法用正则表达式正确地做到这一点。一个好的测试用例如下:linear-gradient(topleft,red,rgba(255,0,0,0)),url(a),image(url(b.svg),'b.png'150dpi,'b.gif',rgba(0,0,255,0.5)),none我想将其转换为以下数组:["linear-gradient(topleft,red,rgba(255,0,0,0))","url(a)","im

javascript - 大背景图像导致滚动时滞后

我正在构建的网站有4个大背景图像,它们占据了用户浏览器的整个高度和宽度。它们作为CSS背景div实现。问题是,在较大的屏幕尺寸上滚动时,它非常滞后和不稳定。当用户按下按钮时,这些图像之间的滚动是通过JavaScript自动完成的,因此这是我网站核心功能的一部分,我必须找到一种方法来防止延迟。到目前为止,我已尝试通过JS预加载图像并将图像从PNG转换为JPEG(增加压缩并降低质量)服务器端。这些都不起作用。图像的最小高度可以是630像素。在各部分之间滚动时如何防止延迟?这是我的代码:CSS:body{height:100%;margin:0px;font-family:Helvetica

javascript - 设置 css 元素的背景图像

我使用下面的来设置一个css元素的文本内容varcell=document.createElement('li');cell.textContent=this.labelForIndex(index);现在我想设置背景图像和颜色.....怎么办?? 最佳答案 $(cell).css("background-image","url('mybg.png)"); 关于javascript-设置css元素的背景图像,我们在StackOverflow上找到一个类似的问题:

安卓渐变的背景框实现

安卓渐变的背景框实现1.背景实现方法1.利用PorterDuffXfermode进行图层的混合,这是最推荐的方法,也是最有效的。2.利用canvas裁剪实现,这个方法有个缺陷,就是圆角会出现毛边,也就是锯齿。3.利用layer绘制边框1.背景万恶的设计小姐姐又来搞事情啦,你说好好的设计一个纯色的背景框框不好嘛,非要把一个框框弄成渐变的,如果不拿出放大镜估计没几个人能看出来它是渐变的。来,我让你看看是啥样框子是从左到右渐变的,设计应该是做了一个底图,然后上面盖了一个白色圆角矩形。那么我们该怎么去实现它呢?实现方法下面介绍三种实现它的方法。先贴上源码地址,大家记得给个starhttps://git

javascript - 如何预览上传的图片作为div的背景图片?

我想在div中预览上传的图像文件。我做了一些研究,我从thispost中找到了这段代码,它是预览上传图像文件的代码,但在中标签:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#blah').attr('src',e.target.result);}reader.readAsDataURL(input.files[0]);}}关联的HTML:非常棒。然而,我想要的是将上传的图片显示为一个div的背景图片,一个例子是这

javascript - Ext JS 网格行背景颜色设置

我将如何设置ExtJSGrid行的背景颜色,主要是所选项目。如有任何帮助,我们将不胜感激。 最佳答案 要更改所选行的颜色,您必须覆盖相应的CSS类:.x-grid3-row-selected{background-color:red!important;}如果您想使用该类,您也可以覆盖默认的border-color。另一方面,getRowClass函数用于使用业务逻辑向行添加静态CSS类以确定受影响的行。您也可以通过这种方式实现行着色,但它不会影响突出显示的行颜色(尽管您也可以编写同时使用这两个类的CSS)。编辑:要以编程方式更改行

javascript - 在模糊事件中隐藏日期选择器

我正在尝试在输入中添加事件模糊以隐藏日历。我用来显示日历的插件是下面的eternicode/bootstrap-datepicker.这是源代码http://jsfiddle.net/KLpq7/75/varinputs=$('.datepicker').datepicker({autoclose:true});inputs.on('blur',function(){console.log($(this));//Iwouldliketohidejustthedatepicker//$(this).hide();}); 最佳答案 你可