为什么DIV不响应事件?

程老师2088 程老师2088 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
我写了这么句代码,在img上面叠加了个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的变化的事件,直接引用即可使用

yllovewhj

JS如何监听div的resize事件详解

需求 开发过程中经常遇到的一个问题就是如何监听一个div的size变化。 比如我用canvas绘制了一个chart,当canvas的size发生变化的时候,需要重新绘制里面的内容,这个时候就需要监听resize事件做处理。 window上虽然可以添加resize事件监听,但这并不能满足我们的需求,因为很多时候,div的size发生了变化,但是window的size并没有改变。 不过我们可以间接利用window的resize事件监听来实现对于某个div的resize事件监听,请看下面具体实现。 对于div的resize事件的监听,实现方式有很多,比如周期性检查,通过scroll事件等等,本文

weixin_38674050

div失去焦点事件实现思路

看本文得先了解以下几个事件(摘自w3c)。 blur事件: 当元素失去焦点时发生 blur 事件。 focus事件:focus() 方法用于赋予文本域焦点(也值让某些元素得到焦点事件)。 tabIndex属性:tabIndex 属性可设置或返回按钮的 tab 键控制次序。 我们都知道blur只是针对form表单控件的,而对于 span , div , li 之类的,则没办法触发它们的动作,现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了。 真实项目代码: 代码如下: Esc.PopupMenu.prototype._createPopup=function(){ var

weixin_38735804

如何让div span等元素能响应键盘事件操作指南

在我这几天的工作中遇到了一个问题,google了一下找到了解决方案,不过是英文的,我简单翻译下让更多的人能看懂 译文如下: 我有一个可编辑的div,并且在DIV里面还有一个可编辑的span,我想要让span能响应键盘事件, 这里是测试JS代码: 代码如下: $(function() { $(‘#someid’).keypress(function(event){alert&#40;‘test’&#41;;}); }); 这里是测试html代码: 代码如下: <div id=”mydiv” contenteditable=”true”> editable follows:&lt;span id=”someid”

weixin_38709466
评论 9
收藏 已收藏
分享
返回顶部
程老师2088
JavaScript 87,983 成员 224,681 内容