`
bingyalengxuan
  • 浏览: 19614 次
  • 性别: Icon_minigender_2
  • 来自: 石家庄
社区版块
存档分类
最新评论

IE8下点击div的空白处,无法响应click事件

阅读更多

给一个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层

    对于空白处点击关闭DIV层,我们需要监听 `click` 事件,并且需要判断点击的位置是否在指定的DIV层内。 - **事件对象**:在JavaScript的事件处理函数中,`event` 对象包含了有关触发事件的信息,例如 `event.target`...

    解决IE6 中select 穿透 div 等层的问题

    在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器,但它的兼容性和渲染机制存在诸多问题,其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现,但在IE6中,`...

    Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)

    以上三种方法都能有效地实现点击空白区域隐藏Vue中的节点。选择哪种方式取决于具体项目的需求,如组件复用性、代码简洁性和性能等因素。在实际开发中,自定义指令和遮罩层方案可能更为常见,因为它们可以更方便地...

    Vue根据条件添加click事件的方式

    需求:根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件;clickFlag == false时,去掉click事件;) 解决方法: 方式一:在绑定事件中直接添加标示量clickFlag &lt;div click=click...

    DIV元素响应键盘事件源码

    这是博客对应的源码,供朋友们下载分享,博文解析了DIV元素响应键盘事件的原理,实现方法,对应博客地址:http://blog.csdn.net/harvic880925/article/details/8524720

    微信小程序自定义下拉框,点击空白处隐藏

    同时,我们需要监听全局的触摸事件,以便在用户点击空白区域时隐藏下拉框。 ```javascript Component({ properties: {}, data: { showDropdown: false }, methods: { toggleDropdown() { this.setData({ ...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    例如,为body下的一个div指定特定的类,然后使用条件注释或`expression`来在IE下实现最小宽度,如`width:e-xpression (document.body.clientWidth )`。 最后,当左右两个浮动元素相邻时,IE浏览器可能会出现3像素的...

    jquery监听DIV的事件

    除了基本的点击事件,jQuery还支持许多其他类型的事件,比如`mouseover`(鼠标悬停)、`mouseout`(鼠标离开)、`keydown`(键盘按键按下)、`keyup`(键盘按键释放)等。对于监听DIV的变化,我们可以关注以下几种...

    js不完美解决click和dblclick事件冲突问题

    情况描述 当某个元素,如:div,同时绑定了click事件和dblclick事件,而这两个事件又要处理相对独立的业务,也就是click的时候不能触发dblclick,dblclick的时候不能触发click。在实际测试中发现,当dblclick的时候...

    点击div部分区域选中整个元素

    当用户点击 `div` 时,浏览器默认只会响应点击事件,并不会自动选中整个元素。为了实现点击部分区域选中整个 `div`,我们可以采取以下步骤: 1. **CSS 选择器**:确保 `div` 具有合适的样式,使其可见并可点击。...

    DIV+CSS IE圆角

    然而,早期版本的Internet Explorer(尤其是IE6、IE7和IE8)并不支持CSS3的一些高级特性,比如圆角。这就意味着在这些浏览器中,我们无法直接使用CSS来创建圆角效果。"DIV+CSS IE圆角"这个主题就是针对这个问题,...

    jquery点击div层图片爆炸碎裂效果

    - 用`$("#explosion").click()`监听div的点击事件。 - 在事件处理函数中,将图片分解为多个碎片,可以创建多个小div来模拟碎片,每个碎片有不同的初始位置和大小。 - 使用`setInterval`或`requestAnimationFrame`...

    点击后可以展示到前端的div层jquery效果

    标题中的“点击后可以展示到前端的div层jquery效果”是指一种常见的网页交互设计,它利用JavaScript库jQuery来实现一个功能:当用户点击某个元素(如按钮)时,页面上的一个或多个div层(通常用于创建弹出框、提示...

    jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。

    在触发DOM上的某个事件的时候会产生一个事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件的元素、事件类型等相关信息,思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的...

    div+css 完全兼容 样式兼容性 ie6 ie7 IE8 IE9 和firefox方法

    在网页设计领域,`div+css`布局是现代网页制作的标准技术之一,它将内容(HTML元素)与表现(CSS...阅读提供的资料如"十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.pdf",将更深入地了解这些方法和技巧。

    ie6下select覆盖div的解决办法

    在IE6浏览器中,由于其独特的布局模型,经常会出现Select元素覆盖Div元素的情况,这个问题让很多前端开发者头疼。本文将详细解析这个问题的原因,并提供多种有效的解决办法。 首先,我们需要了解问题的根本原因。在...

    jquery实现点击指定div外区域隐藏该div

    ### jQuery 实现点击指定 div 外区域隐藏该 div #### 背景介绍 在 Web 开发中,经常需要处理用户交互事件,如点击、滑动等。其中一个常见的需求是当用户点击某个元素(比如一个下拉菜单)时,这个元素会展开;而当...

    DIV CSS 网页兼容全搞定 IE6 IE7 IE8 IE9 火狐 谷歌

    然而,由于不同浏览器之间的解析差异,尤其是在IE6、IE7、IE8等旧版本的Internet Explorer中,CSS兼容性问题时常出现。本文将深入探讨如何解决这些问题,确保网页在各种浏览器中都能正常显示。 首先,编写XHTML格式...

    详解vue中点击空白处隐藏div的实现(用指令实现)

    Vue 中点击空白处隐藏 div 的实现(用指令实现) 在 Vue 中,想要实现点击空白处隐藏 div 的功能,需要使用自定义指令来实现。本文将详细介绍如何使用指令来实现这个功能。 首先,需要了解 Vue 中的指令是什么?...

Global site tag (gtag.js) - Google Analytics