javascript - ng-blur on a DIV - Stack Overflow
to customize your list.
Join the Stack Overflow Community
Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.
J it only takes a minute:
I am trying to hide a DIV on blur (the focus has been removed from the DIV).
I am using angular and bootstrap.
So far I have tried setting "focus" on the DIV when it is shown and then an ng-blur function when the user click anywhere else on the screen.
This is not working.
Basically the problem is I cannot set focus on my "#lockerBox" through JS, my "hideLocker" function works no problem when focus is given to my DIV with clicking it.
&div class="lock-icon" ng-click="showLocker(result); $event.stopPropagation();"&&/div&
&div ng-show="result.displayLocker" id="lockerBox" ng-click="$event.stopPropagation();" ng-blur="hideLocker(result)" tabindex="1"&
$scope.displayLocker =
$scope.showLocker = function ( result ) {
$scope.displayLocker = !$scope.displayL
node.displayLocker = $scope.displayL
function setFocus() {
angular.element( document.querySelector( '#lockerBox' ) ).addClass('focus');
$timeout(setFocus, 100);
$scope.hideLocker = function ( node ) {
$scope.displayLocker =
node.displayLocker = $scope.displayL
I ended up just setting the blur event on the element that has the onlick.
Even I had the same problem - but was able to resolve it using 'mouseup' event on the entire document in a custom directive following is the code,
where I am toggling an accordion contained in a div as pop-up using ng-show()="variable"
now this variable is the key here across menu toggle button HTML Element, div pop up HTML Element, and the custom directive to handle mouse up!
var dummyDirective = angular.module(dummyDirective, []);
dummyDirective.directive('hideOnMouseUpElsewhere', function() {
restrict: 'A',
link: function(scope, element, attr) {
$(document).mouseup(function(e) {
var container = $(element);
if (!container.is(e.target) // if the target of the click isn't the container...
&& container.has(e.target).length === 0 && scope.status.menuVisible // ... nor a descendant of the container
&& !(e.target.id === attr.excludeClick)) // do not execute when clicked on this
scope.status.menuVisible =
scope.$apply();
where container will have the DOM element you applied 'hideOnMouseUpElsewhere' directive on along with added attribute 'excludeClick' and e.target is the one DOM element where you click
Following is the HTML code for a accrodian bootstrap angular popup menu:
&a id="MenuAnchor" href="" data-toggle="dropdown" class="dropdown-toggle" ng-click="status.menuVisible = !status.menuV"&
&i id= "MenuIcon" class="glyphicon glyphicon-cog" style="font-size:20 color: #428 cursor:"&&/i&
id ="MenuPane"
ng-blur="status.menuVisible=" hide-on-mouse-up-elsewhere exclude-click='MenuIcon'&
&div class="btn-group favoritesMenu" style="width: 300" ng-show="status.menuVisible"
&accordion close-others="true"&
&accordion-group &
&accordion-heading&....&/accordion-heading&
&div ng-click="status.menuVisible="&Data&/div&
&/accordion-group&
&/accordion&
Your Answer
Sign up or
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Post as a guest
By posting your answer, you agree to the
Not the answer you're looking for?
Browse other questions tagged
The week's top questions and answers
Important community announcements
Questions that need answers
By subscribing, you agree to the
Stack Overflow works best with JavaScript enabled您所在的位置：
泰国巨星Mike新品Esperma是什么？好用吗？正品哪里买？
泰国Esperma（艾丝怕漫）鱼子酱护肤套装是非常注重保养的泰国巨星Mike！！！中国市场交给我们团队全权销售。是中国地区官方正品唯一销售和代理渠道！！请勿上当受骗！！下面是关于产品的介绍： Esperma其实是一款护肤套装。分为两个独立小精品：焕颜新生魔力珠+冻龄保湿魔力液。红色魔力珠主要营养成分是鱼卵子精华；管装是鱼精子提取蛋白精华。成分详细解析：1、 SALMON SPERM(SODIUM DNA)(蛙鱼精子)：鱼精蛋白是一种碱性蛋白，主要在鱼类(如蛙鱼、蹲鱼、鲱鱼等)成熟精子细胞核中作为和DNA结合的核精蛋白存在。鱼精蛋白发现于1870年，到年间，正式用作抗菌剂的研究才盛行起来。鱼精蛋白在中性和碱性介质中显示出很强的抑菌能力。2、 SALMON EGGEXTRACT蛙鱼卵提取物)：鱼卵提取物具有自生的抗衰老修复功能使肌肤紧致提拉，皱纹淡化。鱼子精华中含有：●碳水化合物(Carbohydrates )：如葡萄糖、果糖、蔗糖和糖原 & & & & & & & & & &●脂类(Lipids)：包括含有很高含量的不饱和脂肪酸、蜡、甾醇、卵磷脂和磷脂的脂肪。●含有17种氨基酸的蛋白质和维生素A, D, B1, B2和 H●矿物质和微量元素：如钠，钾，钙，镁，铁，磷和硫最重要的特性是保湿、滋养、抗衰老、补充维生素和防护作用，这些特性可以帮助逆转老化的过程。碳水化合物可以保湿、蛋白质提供滋养、高含量的不饱和脂肪可以滋润干燥老化的皮肤、维生素和微量元素可以恢复皮肤活力。
3、 ALPHA-ARBUTIN(熊果苷)：熊果苷的是源于绿色植物的天然活性物质，集“绿色植物、安全可靠”和“高效脱色”三者合谐统一于一体的皮肤脱色组份，它能迅速渗入肌肤，在不影响细胞增殖浓度的同时，能有效地抑制皮肤中的酪氨酸酶的活性，阻断黑色素的形成，通过自身与酪氨酶直接结合，加速黑色素的分解与排泄，从而减少皮肤色素沉积，祛除色斑和雀斑，而且对黑色素细胞不产生毒害性、刺激性、致敏性等副作用，同时还有杀菌、消炎的作用。它是当今流行的最为安全有效的美白原料，也是二十一世纪的理想皮肤美白祛斑活性剂。4、 NIACINAMIDE(烟酰胺)：烟酰胺是维生素B3的一种衍生物，也是美容皮肤科学领域公认的皮肤抗老化成份，其在皮肤抗老化方面最重要的功效是减轻和预防皮肤在早期衰老过程中产生的肤色黯淡、发黄、菜色。烟酰胺对皮肤的贡献远不止这些，也可以修复受损的角质层脂质屏障，提高皮肤抵抗力。还有一些可能被人们忽视的功效，就是烟酰胺的深层锁水功效，所以，含有烟酰胺的护肤品对都有极强的锁水、保湿功效。5、 N-ACETYL D GLUCOSAMINE(N-乙酰葡萄糖胺)：改善皮肤粗糙角质化，有促进皮肤保湿成分玻尿酸生成的作用，因为N-乙酰葡萄糖胺本身即是玻尿酸的原料。玻尿酸→具有保湿性→集中水分保持肌肤水嫩程度。6、 NANO SIZE HYALURONIC ACID(纳米透明质酸)：皮肤成熟和老化过程也随着透明质酸的含量和新陈代谢而变化，它可以改善皮肤营养代谢，使皮肤柔嫩、光滑、去皱、增加弹性、防止衰老，在保湿的同时又是良好的透皮吸收促进剂。与其他营养成分配合使用，可以起到促进营养吸收的更理想效果。7、 BIO RLACENTA(h-EGF)(生物胎盘)：胎盘的美容养颜作用在于淡化色斑，恢复肌肤弹性，使肌肤美白红润、细腻有光泽;也能修复卵巢功能，促进雌激素分泌。雌激素是女性皮肤细腻光滑的最根本的物质。使用胎盘，可以避免外源性补充雌激素所带来的危险，是美容首选。而且紫河车可以调节内分泌，黄褐斑、8、 ARGIRELINE(六胜肽)：胜肽是属于降解的小分子胶原蛋白，含氨基酸基团，属于原料类产品。胜肽在化妆品应用广泛，是抗衰老，紧致肌肤的主要成分。胜肽也是人体中原本就存在的成分，是一种氨基酸形成的链状结构。我们所熟悉的蛋白质，就是一种多胜肽链。绿色胜肽是从三色堇中所提取的精华液，含有大量的真皮修复因子和活化细胞分子，能有效抑制肌肤表层茶酚胺(catecholamine)和乙酰胆碱(acetylcholine)的含量，彻底解决粉刺、痤疮等皮肤软组织层受损的肌肤问题，令肌肤结缔组织有序排列并恢复网状结构。 9、 PENTAVITIN(72小时保湿因子)：湿因子是一种吸收快，活性高的新型保湿剂，在个人护理产品的应用中，能迅速改善肌肤和头发的水分保持力，激发细胞的活力，具有保持肌肤滋润、光滑，防止皮肤干燥和发暗的效果。主要功能有：保湿、柔肤、抗皱、增白、清爽。保湿因子天然存在于生物体组织，为一自然保湿因子氨基酸酸保湿剂具有高纯度，具有上佳的保湿效果极佳的保湿能力，优越保湿性，手感特别滑爽能快速渗透进入皮肤组织，使皮肤具有光泽和清爽湿润效果。皮肤的渗透快速，赋予皮肤滋润感。 10、 VITAMIN B5(维生素B5)：维他命B5的加氢产物叫泛醇，可以加强正常皮肤水合功能，有改善干燥、粗糙、脱屑、止痒以及治疗多种皮肤病(如特应性皮炎、鱼磷病、银屑病以及接触性皮炎)相关的红斑效果。维生素B3还可以减轻维A酸治疗时出现的相关皮肤不适。加强皮肤屏障功能，外用后可以促进皮肤正常的角质化，改善皮肤对表面活性剂的耐受力。减轻化妆品中成分敏感所产生的不适像灼烧、刺痛、瘙痒和麻刺等。11、 VITAMIN E BEAD(维他命E保湿因子)：延缓衰老，有效减少皱纹的产生，保持青春的容貌。预防炎症性皮肤病、维生素E是一种很重要的血管扩张剂和抗凝血剂;预防与治疗静脉曲张;防止血液的凝固，保护皮肤免受紫外线和污染的伤害，减少疤痕与色素的沉积;加速伤口的愈合。祛除黄褐斑；抑制酪氨酸酶的活性，从而减少黑色素生成。能避免干燥起皮；长久坚持，能令肌肤滋润、白皙。存在于角质细胞中，阻止了天然保温因子的流失，并对水分挥发起着一定的控制作用，从而维持了角质层一定的含水量。12、 BETA GLUCAN(b-葡聚糖)：β-葡聚糖尚有清除游离基、抗辐射、溶解胆固醇，预防高脂血症及抵抗滤过性病毒、真菌、细菌等引起的感染等作用，故广泛用于医药、食品、化妆品等行业。研究发现，β-葡聚糖可以作为生命活动中起核心作用的遗传物质，能够控制细胞分裂和分化，调节细胞生长，在治疗肿瘤、肝炎、心血管、糖尿病和降血脂、抗衰老等方面有独特的生物活性。也许大家对这个成分并不熟悉，其实这个成分已经上市很久了，市面上也有很多产品当成主打成分在广告，但是广告内容却比较少使用葡聚糖来宣传，而是使用(燕麦萃取物)葡聚糖是自然生化技术，常见于微生物和植物之中(例如：酵母菌、木耳或燕麦等)目前许多的天然植物中以燕麦麸皮内所含有的葡聚糖是较丰富的！葡聚糖是除了以燕麦为来源外，酵母菌也是可以大量取得葡聚糖的来源之一！葡聚糖可以帮助皮肤伤口愈合，保湿，预防皮肤发炎或敏感，舒缓皮肤不适(如晒伤)，促进皮肤伤口修复，预防皮肤老化。特别是在保湿及舒缓皮肤不适上都能快速的感受效果！主要功效：提高肌肤自然修复潜能，活化和保护肌肤免受有害环境的侵扰，强化肌肤细胞自然更新过程，使肌肤年轻健康。 使用方法：洁面后红色魔力珠一粒＋鱼精子蛋白精华1~2滴放在一起。面部使用可置于掌心慢慢揉合呈凝液状再均匀擦抹于面部直到完全吸收；其他易于直接操作部位（如手背、胳膊等）可直接揉抹至完全吸收即可紧致嫩滑修复肌肤！！！产品优势：1、独创天然生物提取蛙鱼籽、精子相结合，双重补充、修复！！！给予肌肤更全面的保养体验！！ & & & & &2、添加了双重保湿因子：PENTAVITIN(72小时保湿因子)及VITAMIN E BEAD(维他命E保湿因子)，强力锁住肌肤水分，最大化延长保湿效果！ & & & & &3、、泰国巨星Mike自营护肤品牌，现Mike在中国的知名度日趋热烈。微博粉丝量已愈200万！！可见其在中国的受欢迎程度！随着Mike自己在中国的演绎事业的推进，自己为产品代言。其本身就是个活广告招牌！再加上我们中国兔家族的强大营销推广团队及客户影响力，Esperma品牌必定在护肤市场异军突起，强势迎袭！！！！现团队面向全国诚招各级代理商并零售！！欢迎有志之士前来垂询！！！
的热门文章阅读
版权与免责声明:
①凡本网注明"来源：深圳热线"的所有作品，均由本网编辑搜集整理，并加入大量个人点评、观点、配图等内容，版权均属于深圳热线，未经本网许可，禁止转载，违反者本网将追究相关法律责任。
②本网转载并注明自其它来源的作品，目的在于传递更多信息，并不代表本网赞同其观点或证实其内容的真实性，不承担此类作品侵权行为的直接责任及连带责任。其他媒体、网站或个人从本网转载时，必须保留本网注明的作品来源，并自负版权等法律责任。
③如涉及作品内容、版权等问题，请在作品发表之日起一周内与本网联系，我们将在您联系我们之后24小时内予以删除，否则视为放弃相关权利，读者热线：5 。onfocus=&this.blur()&&这句代码有没有觉得眼熟？没错，我们常用它来去除链接取得焦点时外围出现的虚线框（如图一），google一下，前面几十页谈的都是这个去除虚线框的技巧。但我们也许以前从未想过：我们的这行代码给盲人用户们带来了巨大的困扰：这中断了盲人用户的Tab键路径，导致Tab光标无法聚焦页面的下一个控制器（链接、表单域、object、image map等）。测试如下：
&body&&a href=&#& &第一个链接&/a&&a href=&#& &第二个链接&/a&&a href=&#& onfocus=&this.blur();&&第三个链接&/a&&a href=&#& &第四个链接&/a&&a href=&#& &第五个链接&/a&&a href=&#& &第六个链接&/a&&/body&
按下Tab键，第一和第二个链接都可以正常获取焦点，继续Tab到第三个链接时，悲剧出现了：此时焦点会回到第一个链接，而无法Focus到第四个链接，原因是当Focus到第三个链接时，onfocus=&this.blur()& 事件处理强制触发了失焦，焦点重新回到文档的最开始。于是不停按Tab的结果就是焦点在前面三个链接轮流转，后面的内容通过Tab键无法访问[1]。
那么，有更好的方式吗？从根源上看，加onfocus=&this.blur()&是为了去除链接获取焦点后外围的虚线框（当然chrome、safari、opera下的focus效果各异，这里姑且就这么叫吧 ）。里说明这个虚线框用来告诉用户当前页面获取焦点的元素。我觉得，虚线框的存在有它的合理性，但有时你也许无法回避某些&视觉洁癖&需求（如图二：虚线框使&商品&背景和下面的红色色块分隔开了），以下总结了去掉虚线框的几种常用方法：
去除虚线框的方法优劣兼容性是否中断tab
&a href=&#& onfocus=&this.blur()&&this blur&/a&
链接聚焦触发时失去焦点，js和html耦合在一起
没有兼容性问题
a:focus {outline:none}或a{outline:none}
outline由css2.1引入，去除虚线框视觉上的问题正是css的职责
ie6/ie7不支持,ie8+/ff /safari/opera[2]支持
&a href=&#& hidefocus=&true& &hidefocus&/a&
该属性是ie的私有属性[3]
a { noFocusLine: expression(this.onFocus = this.blur())}
可批量处理，但expression的性能问题不能忽视
expression ie6/7支持，ie8+、非ie不支持
综合以上，去除链接虚线框的推荐方法是：ie下用hidefocus属性，ff/chorme/opera/safari下用outline:none。即:
&a href=&#& hidefocus=&true& &链接&/a&a:focus {&&&&outline:}
或者使用js，代码如下：(详细情况请参考)
1 &script type="text/javascript"&//&!--
2 var runOnLoad = new Array(); // for queuing multiple onLoad event functions
3 window.onload = function() { for(var i=0; i&runOnLoad. i++) runOnLoad[i]() }
4 // hide dotted :focus outlines when mouse is used
5 // but NOT when tab key is used
6 if(document.getElementsByTagName)
7 for(var i in a = document.getElementsByTagName('A')) {
a[i].onmousedown = function() {
this.blur(); // most browsers
this.hideFocus = true; // ie
this.style.outline = 'none'; // mozilla
a[i].onmouseout = a[i].onmouseup = function() {
this.blur(); // most browsers
this.hideFocus = false; // ie
this.style.outline = null; // mozilla
19 //--&&/script&
无奈地说，如果页面因为onfocus=&this.blur()&导致tab无法访问页面全部内容，读屏软件在读取页面之前会强制过滤掉这个属性，但是如果用户是在js里面动态触发this.blur(),读屏软件又要出新招来克制了。这无疑增加了读屏软件的开发工作量，为了让盲人用户们能更顺畅的访问我们的网站，尽量避免使用onfocus=&this.blur()&哦。
[1]Safari默认情况下，按tab键是不会focus链接的，但会focus表单域，在偏好设置-高级勾选&按下tab以高亮显示网页上的每一项&可开启该功能。，它通过shift+上下左右方向键可以向上下左右focus页面焦点。
[2]在Opera下点击链接（focus和active状态）时都不会出现所谓的虚线框，所以Opera下链接的虚线框问题可以不计。 Opera 通过shift+上下左右键产生的线框通过outline:none并不能去除，但是Opera支持outline这个属性。
[3]，虽然hidefocus属性有true or false两个值，但测试结果是ie5-ie9不管其值为true or false, 只要添加hidefocus属性，该链接都会失去虚线框。
阅读(...) 评论() &：转载时请以超链接形式标明文章原始出处和作者信息及本声明
认识Holly brook，还是在Mike Shinoda的个人专辑Fort.Minor里面。要知道Mike一直钟爱Hip-Hop曲风的，因此当我不经意的欣赏着这张专辑的时候却突然被一个不食人间烟火的声音吸引了。上网一搜，原来这个天使般的声音来自一个漂亮而年轻的美国女孩Holly brook。Holly的嗓音像极了Dido，相比较而言少了些Dido的成熟与咄咄逼人，多了些纯洁与柔弱，这使得她的声音更柔美而让人怜爱，让人无法自拔。当婉转的旋律从Holly敲击的键盘中流淌出来的时候，似乎纷乱烦扰的一切都与她无关，世界静止了，她只是继续唱着，缓慢而忧伤 。。。后来想想Mike也的确是卓尔不群，他竟能将说唱和慢板抒情结合的这么相得益彰，以后继续坚决支持他！& &《where'd you go》听Holly和Mike为你娓娓道来
：：：sabrina：George：sabrina：飘雪：：兜兜：巴黎我爱你：
访问统计：BIOGRAFIA DE BLUR
Blur es un grupo de britpop formado en 1989 en Colchester. La banda estuvo integrada por el vocalista / teclista Damon Albarn, el guitarrista / vocalista Graham Coxon, el bajista Alex James y el baterista Dave Rowntree. El grupo se convirtió en una de las bandas más grandes en el Reino Unido durante el movimiento Britpop de mediados de la década de 1990. Las influencias originales de Blur están en su álbum debut, Leisure, incluyendo tendencias de Rock alternativo británico contemporáneo tales como Madchester y Shoegazing.
Después de un cambio de estilo a mediados de 1990, bajo la influencia de grupos de guitarra ingleses como The Kinks, The Beatles, y XTC, la banda lanzó Modern Life Is Rubbish, Parklife y The Great Escape. Como resultado, la banda ayudó a popularizar el género Britpop y logró una masiva popularidad en el Reino Unido, con la ayuda de un famoso cuadro de batalla con sus rivales Britpop Oasis. En la década de 1990, con el lanzamiento de su quinto álbum, Blur, la banda sufrió otra reinvención, influenciado por el indie-rock y el estilo lo-fi estadounidense de bandas como Pavement y R.E.M., en el proceso de obtener un difícil éxito Americano con el single "Song 2".
En el último álbum de la banda con la formación original, 13, se encuentra a Blur experimentando con la electrónica y la música gospel. En mayo de 2002, el miembro fundador Graham Coxon dejó la banda a principios de la grabación de las sesiones Think Tank, el séptimo y último álbum. Blur continúa en su ausencia, siendo vistos por última vez en su gira para el álbum Think Tank. Desde el final de su gira de 2003, la banda está inactiva, como banda están trabajando en proyectos en solitario. En septiembre de 2007, la banda se reunió con Coxon por primera vez en 5 a?os. En octubre de 2007, se publicó un mensaje en su página web diciendo que, si bien las relaciones son sanas entre los cuatro miembros, Damon Albarn descartó la posibilidad de volver a hacer un nuevo álbum. El 9 de diciembre de 2008, los rumores sobre una posible gira y la reunión del
se presentaron el 2 y 3 de julio de 2009 en el Hyde Park.