社区
JavaScript
帖子详情
如何用JS实现div失去焦点事件
shi125874
2009-07-14 03:50:58
如何用JS实现div失去焦点事件??
(最好不用onmousedown) 谢谢!!
...全文
29014
24
打赏
收藏
如何用JS实现div失去焦点事件
如何用JS实现div失去焦点事件?? (最好不用onmousedown) 谢谢!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
24 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
JANURS
2012-02-08
打赏
举报
回复
加上
tabindex属性就可以出发onblur事件
lazzery
2011-09-13
打赏
举报
回复
哎,DIV确实没有鼠标离开blur事件啊,我现在也在做这个,仿腾讯的那个微博,但是腾讯微博就做出了这个事件了!
红袖疯子
2010-11-06
打赏
举报
回复
onblur 火狐不支持啊
caryyu
2010-01-22
打赏
举报
回复
貌似都不行
shi125874
2009-07-16
打赏
举报
回复
onblur 可以使 结贴去。。。
palosky
2009-07-15
打赏
举报
回复
你的结贴率太低了 诚信度不高啊
leng_cn
2009-07-15
打赏
举报
回复
不懂,版主还是先确定一下你的运行环境吧,是不是要跨浏览器
应用在哪里,呵呵
eugenepada
2009-07-15
打赏
举报
回复
[Quote=引用 15 楼 leng_cn 的回复:]
谁说的div没有onblur事件了????
MSDN:
onblur Event
Fires when the object loses the input focus.
Applies To
A, ABBR, ACRONYM, ADDRESS, APPLET, AREA, B, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CUSTOM, DD, DEL, DFN, DIR,DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, hn, HR, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image,…
[/Quote]
拜托,看看W3C
gghunter
2009-07-15
打赏
举报
回复
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性 值 描述
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本
标准...........
IE从来就不合群 .......
leng_cn
2009-07-15
打赏
举报
回复
谁说的div没有onblur事件了????
MSDN:
onblur Event
Fires when the object loses the input focus.
Applies To
A, ABBR, ACRONYM, ADDRESS, APPLET, AREA, B, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CUSTOM, DD, DEL, DFN, DIR,
DIV
, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, hn, HR, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, ISINDEX, KBD, LABEL, LEGEND, LI, LISTING, MARQUEE, MENU, OBJECT, OL, P, PLAINTEXT, PRE, Q, RT, RUBY, S, SAMP, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, window, XMP, Element Constructor, Window Constructor
mqinghuang
2009-07-15
打赏
举报
回复
onblur,DIV中没有这个事件吧,IE7中有吗?学习了,继续关注中
zhangguifeng123
2009-07-15
打赏
举报
回复
onblur();
chen_ya_ping
2009-07-15
打赏
举报
回复
楼主如果现在的焦点不在div中的任何一个控件中,是不是就可以判断焦点离开了这个div
gghunter
2009-07-15
打赏
举报
回复
[Quote=引用 5 楼 cloudgamer 的回复:]
加上tabIndex就有focus了
可以参考这里的focus和tabIndex
[/Quote]
果然好东西.............
helanye
2009-07-14
打赏
举报
回复
onblur
shi125874
2009-07-14
打赏
举报
回复
[Quote=引用 5 楼 cloudgamer 的回复:]
加上tabIndex就有focus了
可以参考这里的focus和tabIndex
[/Quote]
这个网页的内容相当强悍!!先收藏了,谢谢!!呵呵。。
shi125874
2009-07-14
打赏
举报
回复
[Quote=引用 7 楼 huangbin33 的回复:]
div在IE7里是有onblur事件的,其他的浏览器就没试过
快乐编程每一天
huangbin33.blog.163.com
[/Quote]
哦?在ie7可以?回来试试去。。。。。
峰在
2009-07-14
打赏
举报
回复
div在IE7里是有onblur事件的,其他的浏览器就没试过
快乐编程每一天
huangbin33.blog.163.com
gghunter
2009-07-14
打赏
举报
回复
[Quote=引用 4 楼 eugenepada 的回复:]
div 没有onblur这个事件
[/Quote]
对哦~~~~~~~~~~~·- -#,老糊涂了................
cloudgamer
2009-07-14
打赏
举报
回复
加上tabIndex就有focus了
可以参考这里的focus和tabIndex
加载更多回复(4)
用javascript
实现
既能禁止页面鼠标右键查看 同时又能查看页面文本框右键菜单
在CSDN上,看到有人问这个问题。就是若把页面右键屏蔽的话,文本框上的右键菜单同样也给屏蔽,问如何能够将文本框的右键菜单显示出来。
解决思路:首先,要在页面初始化时将页面右键菜单屏蔽
其次,在欲解除右键限制的文本框获得
焦点
时,启用页面document的右键菜单。可以用在文本框中的onmousedown
事件
中,但推荐用在 onfocus
事件
中,若使用的onmousedown的话,则按键盘上摸拟右键的按键(在右win键右边)不响应;若用onfocus
事件
,则能顺利响应。
最后,当该文本框
失去
焦点
时,需将页面document的右键菜单屏蔽,用文本框的onblur
事件
即可。
【JavaScript源代码】JavaScript
实现
电商平台商品细节图.docx
JavaScript
实现
电商平台商品细节图 本文分享一个电商平台常见查看商品细节图案例,如某东网站手机类别中具体某一部手机详情页中,手机的细节图展示,左侧小图获得用户鼠标
焦点
即可在屏幕右侧展示出该图片区域的大图效果,其中
JS
部分主要涉及鼠标经过、鼠标离开、鼠标移动等
事件
以及含有一个小算法公式,先展示效果: 某电商平台效果图展示: HTML结构: <
div
class="box">
<
div
class="mask">
div
> <
div
class="big">
Div
滚动条随鼠标滚动
js
版(由网友JQuery版改写而成)
Div
滚动条随鼠标滚动
js
版(由网友JQuery版改写而成),可解决IE8下,
Div
由于“onSelectStart=return false“或onfocus()导致的
失去
焦点
后,滚动条无法滚动问题
【JavaScript源代码】
js
获取USB扫码枪数据的方法.docx
js
获取USB扫码枪数据的方法 本文实例为大家分享了
js
获取USB扫码枪数据的具体过程,供大家参考,具体内容如下 废话不多说,直接上代码,这个方法避免了 首字缺失,字符串乱码等等问题,特别好用,记录一下 中间的Ajax可直接调用登录功能,
实现
自动登录 说明:输入框需要获得
焦点
,这个是必须的,其次为了防止回车触发手动登录,需要添加οnkeypress="if(event.keyCode==13) return false;"这个操作,这个在回车的时候,输入框
焦点
不会丢失,除非手动切换
焦点
,或者调用focus();方法 <
div
class="form-group">
详细总结Javascript中的
焦点
管理
焦点
元素 到底哪些元素可以获得
焦点
呢?默认情况下,只有表单元素可以获得
焦点
。因为只有表单元素可以交互 <input type=text value=223> 让非表单元素获得
焦点
也是有办法的,先将tabIndex属性设置为-1,再调用focus()方法 <
div
id=test xss=removed>
div
div
> <button id=btn>
div
元素获得
焦点
</button> [removed] btn.onclick = function(){ test.tabIndex =
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章