js+点击div事件失效，js div添加点击事件属性

js原生,每次点击按钮后让div消失,3秒后再出现。求大神!!!在线等...

打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。

首先来分析一下这个功能的两copy个步骤。弹出：当页面初始化完毕后，等待N秒显示出div标签。关闭：当div标签弹出后，再等待N秒后将其关闭。百 解决方案：可以度使用JavaScript的setTimeout方法来做定时功能。

将第二个的input标签的type改为button，这样子就不会提交了。所以显示出的内容就不会消失了。

相关问答

Q1: 这段js哪里有问题,为何div点击没有移动

1、不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

2、A.style.xxx这样似乎取不到在style里定义的样式（？待研究）第一次判断的时候A.style.overflow值为空，所以效果就是没反应，但已经设置为hidden，以后就正常了。

3、又定义了新的定时。总之，执行odiv.style.width = odiv.offsetWidth + ispeed + px；的时候，判断一下odiv.offsetWidth + ispeed 是否小于0. 小于零会出错。我这里报错也是这个地方。不知道你说的是哪里的错。

Q2: 为什么我用JS动态生成的DIV模块,里面的点击方法不生效?

1、这里时，$(#children)这个对象并不存在，程序就会判定为出错，那个这个事件代码就无效了。你应该在动态生成元素的同时也动态生成事件过程，而不是先生成一个子虚乌有的事件来等着元素对号入座。

2、js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

3、动态添加的html代码，如果在还没有真正渲染生成dom之前，js是无法获取到它们的，也就是节点根本不存在，所以原本的js就无法生效。对于动态生成的html，应该在生成完成之后再执行一次需要对这些html操作的js代码。

4、测试过，可以添加DIV，点击事件也可以触发。一切正常。你的代码中没有调用CreateOuterDiv函数。

5、Uncaught TypeError： Cannot read property style of null这个提示是js在操作html对象时，由于DOM tree没有加载完成，找不到这个对象。

Q3: css设置的div层,用javascript控制的该层不能生效

但是它什么值都没有，自己也不可能给改变成block，所以无法显示的；而如果，你js里面控制的是display = block，它就会在标签上将display的值设为block；肯定会显示啊。

方法一：设置CSS属性溢出是隐藏的。方法二：设置body元素的滚动属性是否定的。注：推荐的方法来隐藏滚动条，使用方法两个词不能重复使用IE0脚本的页面滚动操作。

最简单的你可以试试把这些样式直接写在id为addQuestion的层里面，这样估计js代码就生效了。

Q4: jquery插入元素后,元素的鼠标事件失效的问题。

1、jquery中有一个叫live的方法：jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。

2、(function(){ })；的意思是等到所有的DOM元素可用了才执行javascript代码。

3、(1)：click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。

4、在jquery中用hover(function(){}，function(){})比较好，因为处理鼠标进入离开事件的话，用mouseover 和 mouseout会有bug，用hover的话，参数，前一个是进入的时候触发的函数，后一个是离开的时候触发的函数。

5、这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

6、你好，我猜你要的效果是，但鼠标在元素上快速移入移出的时候不触发元素的mouseover事件，而当鼠标移入元素，并停留超过200毫秒，便触发某些方法。

关于js+点击div事件失效和js div添加点击事件属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。