js点击焦点外隐藏，js按钮隐藏点击事件

求一段JS脚本:当DIV失去焦点后隐藏自身。而当DIV内部元素被点击的时候先...

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、支持失去焦点的元素有button， checkbox， fileUpload， layer， frame， password， radio， reset， submit， text， textarea， window。

3、然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。给div设置隐藏的样式。在title标签后面为id为hide设置样式display：none，这个样id为hide的div就会被隐藏掉了。为button按钮添加一个点击后隐藏事件。

4、否则设置为block，也就是将div设置为显示状态，原理大致如此。需要特别注意的是，在div中，之所以使style=display：block的目的是让obj.style.display语句能够获取属性值，否则第一次点击无法将div设置为隐藏，大家可以去掉style=display：block做一下测试，return false语句是为了防止链接的跳转效果。

相关问答

Q1: ...如何实现textarea获取或失去焦点时隐藏或者显示效果,就像qq空间里...

1、用jquery onmouseover 的一系列事件应该可以处理。

2、在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果，例如，在使用ajax的时候，在提交表单时我们可以获取DIV的内容。细心的人会发现，QQ空间中的发表说说的文本框其实就是一个DIV，而非textarea文本框。

3、先做一个flash引导页，将视频转化为flv格式，引用到flash里，在这个FLASH主时间轴的最后一帧加入URL跳转代码，引到网站首页文件。

4、你的需求不连接数据库那就很简答了。代码如下：一个两个文本域，第一个是不允许编辑的，第二个是可以编辑的，在第二个文本域输入信息的时候，点submit按钮，会在第一个文本域显示出来。这只是演示，具体情况根据需求自己定义。

Q2: js怎么做鼠标移过去会显示隐藏的内容

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入js代码：(button).click(function () {$(div).css(display， block)；})；浏览器运行index.html页面，会有个显示按钮。点击显示按钮，此时被隐藏的内容显示了出来。

2、给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

3、输入代码，其中button是鼠标要滑动的地方，滑过button时，class为content的内容就要显示出来，鼠标滑出去的时候，这块内容就需要重新隐藏起来。把黑色内容的部分初始状态写成隐藏。只需要在class为content里写上display：none，即可。来看下代码和浏览器中的效果。可以看到黑色内容部分已经不见了。

4、一个div的鼠标滑过隐藏后，就再也滑不上了。因为页面已经看不见它了。

5、一个父div，里面嵌一个子div。开始的时候将子div隐藏，即：子div.syle.display=none；在父div添加onmouseover事件处理，将子div.style.display改成block。对document.body添加onmousemove事件，通过event.clientX和event.clientY来获取鼠标的位置，然后更新子div的位置为鼠标的位置。

Q3: 怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.

Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

首先，打开html编辑器，新建一个html文件，例如：index.html。

给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

我们进行网页开发的时候，经常需要运用JS去控制某个div的显示或者隐藏。下面小编通过实例教大家如何实现这种功能。

Q4: JS点击显示,再次点击隐藏的效果,怎么做?

1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

2、在层里面放一个span标签，点击span标签隐藏层。

3、} function Hide() { document.getElementById(ceng).style.display = none； } 设置一个隐藏层，点击按钮的时候改变隐藏层的display属性，将隐藏层显示出来。再给隐藏层设置一个Hide()点击方法，点击隐藏层再次隐藏。

4、如果只是想显示隐藏就把display换成visibilty：hidden。

5、你应该实现点击当前元素，则当前元素切换，另一个反切换，对吧？如果是这样，也就是说function里面需要取到两类元素，一个是当前的，一个是除当前外的。当前的你已经传进来，除当前外的就要看你如何处理了。

js点击焦点外隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js按钮隐藏点击事件、js点击焦点外隐藏的信息别忘了在本站进行查找喔。