onclick和onblur先后

问题描述

<script id='tmpl_sessions_active_host' type='text/x-jquery-tmpl'> <div class="remote-active-host" onclick="op_active_host_click('${code}')"> </div> </script> <div id="remote_activeconnection_menu"><div id="remote_active_host_list" onblur="active_host_list_onblur()"> </div> 先说功能onclick是完成一个链接,根据code链接到不同的主机,如图当Connection链接的时候 应该链接到另外一个页面上点击空白处,或者点击connection都会触发onblur,onblur是收回下拉list 最终理想的界面是如下图问题出在,当点Connecion时候,onclick不触发,所以不会出项上图的send的页面。直接跳过执行onblur,收回下拉list,截图如下这个问题在chrome,firefox,safari,opera等浏览器都没问题,只在IE7,IE8,IE9有问题。点10次,有8次链接不成功,TMD还成为一个概率事件。本来对JS合Jquery不熟悉,这次临时搞,一直没搞好。 问题补充:这不是我们写的 这是在改别人代码 看起来很乱 我们项目组也才刚看清头绪asyty 写道

解决方案

引用应该是长度和宽度的问题!经过我一番测试 在每个里面都点 之前点不出来的 还是可以成功的,必须点在正确的位置。哈哈,问题又来了,这个好改不?这个是指css的问题 容易的啊如果是要给span加宽度 要先把span设置为block,然后就可以设置宽度了style="display:inline-block;width:100%",display值在不同浏览器里不太一样,百度下就有怎么写的div就更容易了 直接style="width:100%"
解决方案二:
另外 ie6比较奇葩 "display:inline-block"在ie6底下可能有问题 可以试试display:block;
解决方案三:
看了下 line-height:220% 高度去掉 220%不知道会不会出问题
解决方案四:
这算完整的了 我那个是截取了一段内容 也就是说<div class="remote-active-host" onclick="op_active_host_click('${code}')"> 是放在<div id="remote_active_host_list" tabindex="0" style="display:none; margin-left:20px" onblur ="active_host_list_onblur()"> 这个div里面的喽有没有可能是list里面的remote-active-host的div的宽度问题或者是span的宽度问题,导致ie底下鼠标click的时候没有点中div?所以导致出现随机引用点10次,有8次链接不成功,TMD还成为一个概率事件
解决方案五:
我猜了猜,这个问题应该是IE的标签在加载触发事件的顺序和dom标准不一样不过你的代码不太完整,所以不知道div之间是怎么包含的。。。。。或者你干脆在onblur里调用onclick再给你个链接参考参考http://jiataodong.blog.163.com/blog/static/3490549220101030112219514/
解决方案六:
试试ie的 unselectable='on' 属性 行不行
解决方案七:
为啥要用onblur 用onmouthover onmouthout事件

时间: 2024-07-30 15:26:12

onclick和onblur先后的相关文章

onclick和onblur冲突问题的快速解决方法_javascript技巧

新浪首页的搜索框里面有一个使用ajax的下拉框.我们需要实现一个点击下拉框里面的一项,让搜索框里面的值变成这一项,同时下拉框消失的效果,但同时在点击其他地方的时候,这个下拉框也要消失.大致如图: 我们同时使用onblur和onclick来使下拉框隐藏,但是更大的问题出现了,这两个功能相冲突,onblur过于强悍,根本没有onclick方法实现的机会,搜索框无法获取点击项的内容.这个就是我们想要解决的onclick和onblur冲突问题. 对应这个问题,这里我们介绍两种解决办法: 1. 使用set

onclick和onblur冲突

问题描述 <scriptid='host'type='text/x-jquery-tmpl'><divclass="remote-active-host"onclick="op_active_host_click('${code}')"></div></script><divid="menu"><divid="remote_active_host_list"on

事件驱动的JScript面对象编程

js|jscript|编程|对象 在这里分享一下我对JScript的面对象编程的一些认识和一点解决方案.JScript和JavaScript差不多(当然有所不同),但本文中讲到的内容也可用于JavaScript JScript支持面对象的一些属性,但他的this指针很奇怪,当有一个对象obj1中的一个成员函数用到this,如果有别一个对象obj2引用该函数,那这个this指向的不是obj1,而是obj2. 下面我们来看一个例子: <html><head><meta http-

JavaScript禁止页面操作的示例代码

 本篇文章是对JavaScript禁止页面操作的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 单的JS禁止页面右键菜单--避免网站信息被盗用  代码如下: <script type="text/javascript">   function block(oEvent){    if(window.event)     oEvent=window.event;    if(oEvent.button==2)     alert("鼠标右键不可用&

JavaScript禁止页面操作的示例代码_javascript技巧

单的JS禁止页面右键菜单--避免网站信息被盗用 复制代码 代码如下: <script type="text/javascript">  function block(oEvent){   if(window.event)    oEvent=window.event;   if(oEvent.button==2)    alert("鼠标右键不可用");  }  document.onmousedown=block;</script> 网页上

javascript中的previousSibling和nextSibling的正确用法_javascript技巧

我做的时间的验证,格式是不需要验证的,只需要验证起始日期与结束日期的大小,但是因为输入页面是批量的,而且每一行又是自动生成的,这样就不能用id来作为参数,只能用节点.这就给验证增加了难度.     以下是jsp页面的部分: <td><input id="warrantyStartDateStr" name="warrantyStartDateStr" class="toolbar_button_input_80" type=&q

javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结_基础知识

抽空学习了下javascript和jquery的事件设计,收获颇大,总结此贴,和大家分享. (一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式:在html文档中绑定.在js代码中绑定.下面的方式1.方式2属于在html中绑定事件,方式3.方式4和方式5属于在js代码中绑定事件,其中方法5是最推荐的做法. 方式1: HTML的DOM元素支持onclick.onblur等以on开头属性,我们可以直接在这些属性值中编写javascript代码.当点击div的时候,

addEventListener和普通.onclick的区别

问题描述 document.getElementById("abc");addEventListener("click",method1,false)和document.getElementById("abc").onclick有什么区别? 解决方案 addEventListener是在 FireFox 上的用法.addEventListener的参数一共有三个,语法为:element.addEventListener(type,listener

老生常谈onBlur事件与onfocus事件(js)_基础知识

onFocus事件就是当光标落在文本框中时发生的事件. onBlur事件是光标失去焦点时发生的事件. 可以编如下例子 1.html <HTML> <HEAD> <TITLE>使用onBlur事件处理程序</TITLE> </HEAD> <BODY BGCOLOR="lavender"> <FORM name="F1"> <INPUT TYPE=text NAME=text1 v