为什么DIV不响应事件?
fla_div.innerHTML = "<img id='img' src='img/flash_pic/pic_1.png' style='margin-left:0;margin-top:0;float:left;'/><div id='up_div' style='margin-left:0;margin-top:0;width:640px;height:380px;border:2px solid yellow;'/>";
奇怪的事情出现了,img能够接受事件响应,但是div不行。
var img = document.getElementById("img");
var updiv = document.getElementById("up_div");
img.onmousedown = function () {
alert("img mouse down"); //可以触发
};
updiv.onmousedown = function () {
alert("div mouse down"); //触发不了
};
我在img上加了z-index:1; 在div上加了z-index:2;试图调整顺序,但还是不行,请教各位达人这是怎么回事呢?
相关推荐
div+css模拟select
div+css模拟select
jquery监听DIV的事件
jquery监听DIV的事件,可监听DIV的变化的事件,直接引用即可使用
JS如何监听div的resize事件详解
需求 开发过程中经常遇到的一个问题就是如何监听一个div的size变化。 比如我用canvas绘制了一个chart,当canvas的size发生变化的时候,需要重新绘制里面的内容,这个时候就需要监听resize事件做处理。 window上虽然可以添加resize事件监听,但这并不能满足我们的需求,因为很多时候,div的size发生了变化,但是window的size并没有改变。 不过我们可以间接利用window的resize事件监听来实现对于某个div的resize事件监听,请看下面具体实现。 对于div的resize事件的监听,实现方式有很多,比如周期性检查,通过scroll事件等等,本文
div失去焦点事件实现思路
看本文得先了解以下几个事件(摘自w3c)。 blur事件: 当元素失去焦点时发生 blur 事件。 focus事件:focus() 方法用于赋予文本域焦点(也值让某些元素得到焦点事件)。 tabIndex属性:tabIndex 属性可设置或返回按钮的 tab 键控制次序。 我们都知道blur只是针对form表单控件的,而对于 span , div , li 之类的,则没办法触发它们的动作,现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了。 真实项目代码: 代码如下: Esc.PopupMenu.prototype._createPopup=function(){ var
如何让div span等元素能响应键盘事件操作指南
在我这几天的工作中遇到了一个问题,google了一下找到了解决方案,不过是英文的,我简单翻译下让更多的人能看懂 译文如下: 我有一个可编辑的div,并且在DIV里面还有一个可编辑的span,我想要让span能响应键盘事件, 这里是测试JS代码: 代码如下: $(function() { $(‘#someid’).keypress(function(event){alert(‘test’);}); }); 这里是测试html代码: 代码如下: <div id=”mydiv” contenteditable=”true”> editable follows:<span id=”someid”


