chrome下判断点击input上标签还是其余标签的实现方法
想要实现的功能：当input框失焦且点击的不是清除键时，执行reset方法重置input样式，当点击清除键时，执行clear方法，清除input内容。
如图
本想通过如下代码来实现
$(".search-input").focusout(function () {
if (document.activeElement.className !== 'close-t') {//close-t为清除键类名
$('.search-input').addClass('search-before');
$('.close').css('display', 'none');
document.getElementById('search').value = '';
}
});
以外的发现，当inpu框失焦后，首先获得焦点的，竟是body标签，也因为这样，该方法失效了，最后采用以下代码来实现的该功能
$("#search").focusout(function () {
//判断失焦后是否点击的是清除钮，若是则不重置
var tapCloseButton = false;
$('.close-t').focus(function () {
tapCloseButton = true;
});
setTimeout(function () {
if (!tapCloseButton) {
$('.search-input').addClass('search-before');
$('.close').css('display', 'none');
document.getElementById('search').value = '';
}
},10);
});
将焦点判断这一步骤延迟执行，故此时焦点已经从body上移到了真正所点击的元素上，此时再对焦点进行判断，看是否为清除键。
以上这篇chrome下判断点击input上标签还是其余标签的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
请参考：http://www.kancloud.cn/manual/thinkphp/1810
-
本文向大家介绍js实现点击切换TAB标签实例，包括了js实现点击切换TAB标签实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现点击切换TAB标签。分享给大家供大家参考。具体如下： 这里演示的选项卡效果代码，无jq,纯JS来实现，灰色风格，没有怎么美化，或许看上去比较普通，不过兼容性和操作起来挺舒服的，风格适用于大部分的网站，或许你会用得上。 先来看看运行效果截图： 在线演示地址
-
本文向大家介绍请实现鼠标点击任意标签，alert该标签的名称（注意兼容性）相关面试题，主要包含被问及请实现鼠标点击任意标签，alert该标签的名称（注意兼容性）时的应答技巧和注意事项，需要的朋友参考一下 function elementName(evt){ evt = evt|| window.event; var selected = evt.target || evt.srcElement;
-
我正在为我的网站使用一个名为Kalium的wordpress主题以及一些修改过的部分：https://www.idee-creative.co.uk 我在每种页面类型上都添加了自定义字段，因此我可以轻松地添加自己的标题和描述标记，以便在每一页上都可以自定义它们。我使用的代码如下： 拉取自定义字段并将其显示在页面的标题中。 我遇到的问题是，当我查看页面的源代码时，Wordpress似乎添加了自己的标
-
本文向大家介绍js a标签点击事件，包括了js a标签点击事件的使用技巧和注意事项，需要的朋友参考一下 当我们在处理a标签上的点击事件时发现即使href=""里面为空，点击事件的效果也不明显，这种情况该如何处理呢?常见的处理方法有以下几种： 1.a href="javascript:void(0);" rel="external nofollow" onclick="method()" 这种方法是
-
本文向大家介绍C#实现过滤html标签并保留a标签的方法，包括了C#实现过滤html标签并保留a标签的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例展示C#实现过滤html标签，汉字间空格，制表符，并保留a标签的方法。分享给大家供大家参考之用。具体方法如下： 可以在公共类如Common中定义如下方法： 然后在你需要过滤的字段添加这个方法即可实现过滤功能。希望本文所述对大家的C#程序设计有所
-
初始只有一个标签，点击+号，会新增一个标签，跳转到首页，再点击左侧菜单，只切换当前点击的标签，第一个标签还是点击+号之前的最后一个路由 现在的结果是，点击+号会新增一个标签，点击新增的标签，再点击左侧菜单切换页面，他自己又跳转到第一个标签页了
-
我试图点击一个下载链接在铬通过硒。它在页面中有许多其他链接，这些链接正在工作，但仅此下载链接就会导致超时异常。 页面中的锚定标记如下所示 如有任何建议，将不胜感激。