给一个div绑定一个click事件,在一般浏览器下都没有问题,只有在IE8下点击的时候,只有点击文字的时候才会响应click事件,点击div空白的地方都不会响应。不知道这是为什么,上网查了下说是,IE的bug,部分点击bug。
div的html为:
<div>今天的天气很好!</div>
div的样式:
{
border-radius: 5px 5px 5px 5px;
cursor: text;
font-size: 16px;
height: 33px;
line-height: 33px;
padding-left: 5px;
position: absolute;
left: 0;
top: 0;
width: 99%;
}
解决办法是给这个div添加一个背景颜色就可以解决了。
.topic_title {
background-color: #FFFFFF;
border-radius: 5px 5px 5px 5px;
cursor: text;
font-size: 16px;
height: 33px;
line-height: 33px;
padding-left: 5px;
position: absolute;
left: 0;
top: 0;
width: 99%;
}
分享到:
相关推荐
对于空白处点击关闭DIV层,我们需要监听 `click` 事件,并且需要判断点击的位置是否在指定的DIV层内。 - **事件对象**:在JavaScript的事件处理函数中,`event` 对象包含了有关触发事件的信息,例如 `event.target`...
在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器,但它的兼容性和渲染机制存在诸多问题,其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现,但在IE6中,`...
以上三种方法都能有效地实现点击空白区域隐藏Vue中的节点。选择哪种方式取决于具体项目的需求,如组件复用性、代码简洁性和性能等因素。在实际开发中,自定义指令和遮罩层方案可能更为常见,因为它们可以更方便地...
需求:根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件;clickFlag == false时,去掉click事件;) 解决方法: 方式一:在绑定事件中直接添加标示量clickFlag <div click=click...
这是博客对应的源码,供朋友们下载分享,博文解析了DIV元素响应键盘事件的原理,实现方法,对应博客地址:http://blog.csdn.net/harvic880925/article/details/8524720
同时,我们需要监听全局的触摸事件,以便在用户点击空白区域时隐藏下拉框。 ```javascript Component({ properties: {}, data: { showDropdown: false }, methods: { toggleDropdown() { this.setData({ ...
例如,为body下的一个div指定特定的类,然后使用条件注释或`expression`来在IE下实现最小宽度,如`width:e-xpression (document.body.clientWidth )`。 最后,当左右两个浮动元素相邻时,IE浏览器可能会出现3像素的...
除了基本的点击事件,jQuery还支持许多其他类型的事件,比如`mouseover`(鼠标悬停)、`mouseout`(鼠标离开)、`keydown`(键盘按键按下)、`keyup`(键盘按键释放)等。对于监听DIV的变化,我们可以关注以下几种...
情况描述 当某个元素,如:div,同时绑定了click事件和dblclick事件,而这两个事件又要处理相对独立的业务,也就是click的时候不能触发dblclick,dblclick的时候不能触发click。在实际测试中发现,当dblclick的时候...
当用户点击 `div` 时,浏览器默认只会响应点击事件,并不会自动选中整个元素。为了实现点击部分区域选中整个 `div`,我们可以采取以下步骤: 1. **CSS 选择器**:确保 `div` 具有合适的样式,使其可见并可点击。...
然而,早期版本的Internet Explorer(尤其是IE6、IE7和IE8)并不支持CSS3的一些高级特性,比如圆角。这就意味着在这些浏览器中,我们无法直接使用CSS来创建圆角效果。"DIV+CSS IE圆角"这个主题就是针对这个问题,...
- 用`$("#explosion").click()`监听div的点击事件。 - 在事件处理函数中,将图片分解为多个碎片,可以创建多个小div来模拟碎片,每个碎片有不同的初始位置和大小。 - 使用`setInterval`或`requestAnimationFrame`...
标题中的“点击后可以展示到前端的div层jquery效果”是指一种常见的网页交互设计,它利用JavaScript库jQuery来实现一个功能:当用户点击某个元素(如按钮)时,页面上的一个或多个div层(通常用于创建弹出框、提示...
在触发DOM上的某个事件的时候会产生一个事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件的元素、事件类型等相关信息,思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的...
在网页设计领域,`div+css`布局是现代网页制作的标准技术之一,它将内容(HTML元素)与表现(CSS...阅读提供的资料如"十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.pdf",将更深入地了解这些方法和技巧。
在IE6浏览器中,由于其独特的布局模型,经常会出现Select元素覆盖Div元素的情况,这个问题让很多前端开发者头疼。本文将详细解析这个问题的原因,并提供多种有效的解决办法。 首先,我们需要了解问题的根本原因。在...
### jQuery 实现点击指定 div 外区域隐藏该 div #### 背景介绍 在 Web 开发中,经常需要处理用户交互事件,如点击、滑动等。其中一个常见的需求是当用户点击某个元素(比如一个下拉菜单)时,这个元素会展开;而当...
然而,由于不同浏览器之间的解析差异,尤其是在IE6、IE7、IE8等旧版本的Internet Explorer中,CSS兼容性问题时常出现。本文将深入探讨如何解决这些问题,确保网页在各种浏览器中都能正常显示。 首先,编写XHTML格式...
Vue 中点击空白处隐藏 div 的实现(用指令实现) 在 Vue 中,想要实现点击空白处隐藏 div 的功能,需要使用自定义指令来实现。本文将详细介绍如何使用指令来实现这个功能。 首先,需要了解 Vue 中的指令是什么?...