草庐IT

去模糊

全部标签

javascript - 有没有办法模糊所有页面并使用 jquery/javascript 聚焦某些 div?

有什么方法可以模糊所有页面(例如设置新背景并使用z-index将其置于前景)并使用jquery/javascript聚焦某些div(比如说错误消息)?您知道用于该目的的任何插件吗?这就是我想要的: 最佳答案 您可以使用jQueryUI对话框并使用CSS更改带有模糊背景图像的叠加div背景,如下所示:http://css-tricks.com/examples/BlurryBackgroundEffect/——或者——您可以将jQueryUI对话框与此处的CSS文本模糊效果混合使用:http://motyar.blogspot.com

javascript - 模糊 SVG 中的边界 (Raphael.js)

我正在开发一个基于网络的编辑器,可以在其中拖动元素和调整元素大小。我遇到了关于显示1px边框和元素的问题:我得到了一条模糊线,而不是像素到像素显示(例如1px实线)。我发现,如果我使用末尾带有.5的坐标(例如10.5、124.5)和整数大小,一切都是像素完美的。这里是例子。在我改变它的坐标之前的元素:之后(每个整数大小末尾有“.5”):问题是我如何强制Raphael.js以清晰的方式显示所有内容? 最佳答案 我不确定如何在Raphael中执行此操作,但一点点CSS可以帮助您:.your_lines{shape-rendering:c

javascript - 通过 WebDriver 的操作不会触发模糊事件

我有一个包含两个下拉菜单的网页。在一个下拉列表中选择一个选项将通过由blur事件触发的脚本更新另一个下拉列表中的选项列表。当焦点离开第一个下拉菜单时,会触发blur事件。当手动浏览页面时,这一切都很好。但是,当通过WebDriver执行相同的步骤时,blur事件永远不会被触发,因此下拉列表永远不会更新,导致我的脚本失败。这是我首先选择的下拉列表的html(并且附有onblur脚本:rder:odShipData',partialSubmit:true,oncomplete:function(xhr,status,args)>{focusOnShipToZip();;}},argumen

javascript - 关闭后模糊 Select2 输入

我希望select2元素在触发select2-close事件时失去焦点,到目前为止我尝试过的是:.on("select2-close",function(e){var$focused=$(':focus');$focused.blur();});还有一些变体来获取焦点元素,例如document.activeElement,$(e.target)都没有用。JSFiddle 最佳答案 您需要从包含分隔符中删除.select2-container-active类:.on("select2-close",function(){setTime

javascript - 需要 Canvas 模糊工具

我有类似fabric.js的绘图应用程序(http://fabricjs.com/freedrawing/)我想嵌入像Photoshop这样的模糊工具(http://www.demowolf.com/tutorials/demo.php?id=1503&series=85&format=html)这是我的模糊功能,但当我尝试更改颜色时它无法正常工作,它出了问题你可以看到下面的屏幕截图......functionboxBlurCanvasRGBA(id,top_x,top_y,width,height,radius,iterations){if(isNaN(radius)||radius

javascript - 模糊事件停止点击事件

示例代码:http://jsfiddle.net/slolife/PnmxM/尽管有很多类似的问题,但我还是在问这个问题,但我觉得它们并不相同。我有一个文本框,当它模糊时,应该做一些事情。我还有一个链接,该链接始终可见(这似乎是其他问题的不同之处),点击后应该执行某些操作。我的模糊处理程序触发了,但点击处理程序没有。有没有合适的方法来处理这个问题?更新许多人指出是警报导致了我的问题。谢谢你。在我的真实代码中,我没有警报,而是从DOM中删除文本框。所以我更新了fiddle,以更好地反射(reflect)console.log调用而不是alert()调用。感谢任何额外的帮助。

javascript - 如何在 JavaScript 中强制发生模糊事件?

这是我想做的。每次选择元素更改时,我都想触发一个事件。我有一个多行选择,当我进行更改(单击元素)时,它不会更改,直到选择框失去焦点。因此,每次单击选择框时,我都试图强制模糊。这样,如果它发生变化,它将触发changed事件。如果它不改变,就什么都不会发生。我该怎么做?我什至以正确的方式接近这个吗?Jquery答案也可以。 最佳答案 除了Ender之外,完整的代码可能是这样的。$('#mySelectBox').change(function(){$('#thingToBlur').blur();})引用:http://api.jqu

javascript - jQuery 焦点模糊传递参数

我似乎无法在我的.blur()函数中访问变量defaultValue。我尝试过各种东西但没有运气。到目前为止,我只得到一个空对象。怎么了?jQuery(document).ready(function(){jQuery('#nameInput,#emailInput,#webInput').focus(function(){vardefaultValue=jQuery(this).val();jQuery(this).val("");}).blur(function(defaultValue){if(jQuery(this).val()==""){jQuery(this).val(de

javascript - jQuery DateTimePicker 在输入模糊时减去一小时

我有一个奇怪的恼人问题。这jQueryDateTimePicker在输入blur时减去1小时。仔细看...选择一个日期,然后选择一个时间。在您聚焦输入字段之前,它会正常运行。我想不通...这是一个CodePen给你玩。使用的CDN来自here.$('#start').datetimepicker({format:"Y-m-dh:ia",step:15}); 最佳答案 这是项目GitHub存储库中的未决问题:Format"m/d/Yh:ia"changeshouronBlur#596https://github.com/xdan/da

javascript - KineticJS strokeWidth 为 1 会导致模糊的半透明线而不是尖锐的 1 像素线

我环顾了互联网但一无所获,我查看了其他KineticJS示例,这些示例在其矩形上使用strokeWidth为1,它们似乎都有一条半透明的2像素线而不是漂亮的锐利1px不透明的黑线。现在,我猜测由于Google没有任何解决方案非常简单或不可能,但是..你知道我如何使用KineticJS获得1像素的边框吗?$(window).load(function(){varstage=newKinetic.Stage({container:"kineticdiv",width:700,height:400});varlayer=newKinetic.Layer();varrect=newKineti