社区
JavaScript
帖子详情
iframe select 焦点 问题
xiaofan_sap
2010-06-03 04:27:09
修改了一个 日历控件,修改了一下 ,可以 遮住 下面出现的 select控件了,但是 如果当在页面内移动焦点的话 ,如果焦点移动到该日历控件下面的select的时候,虽然select控件看不见,但是闪烁的焦点却很清楚,不知道什么原因。
...全文
151
7
打赏
收藏
iframe select 焦点 问题
修改了一个 日历控件,修改了一下 ,可以 遮住 下面出现的 select控件了,但是 如果当在页面内移动焦点的话 ,如果焦点移动到该日历控件下面的select的时候,虽然select控件看不见,但是闪烁的焦点却很清楚,不知道什么原因。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xk1126
2010-06-03
打赏
举报
回复
[Quote=引用 6 楼 lihui_shine 的回复:]
可以试下,让iframe无法失去焦点
<iframe src="" onblur="this.focus()"></iframe>
[/Quote]
up
浪尖赏花
2010-06-03
打赏
举报
回复
可以试下,让iframe无法失去焦点
<iframe src="" onblur="this.focus()"></iframe>
xiaofan_sap
2010-06-03
打赏
举报
回复
[Quote=引用 3 楼 wang_zhilin 的回复:]
可能是层级的问题,把z-index设置高点试试
[/Quote]日历控件的级别够高的了 9989,有点迷惑~
xiaofan_sap
2010-06-03
打赏
举报
回复
[Quote=引用 2 楼 lihui_shine 的回复:]
select里面还有“闪烁的焦点”?
[/Quote]下面只要是一个textbox之类的可以输入数值的控件,如果获得焦点的话,就能在日历控件上面看出来,
wang_zhilin
2010-06-03
打赏
举报
回复
可能是层级的问题,把z-index设置高点试试
浪尖赏花
2010-06-03
打赏
举报
回复
select里面还有“闪烁的焦点”?
xshf12345
2010-06-03
打赏
举报
回复
什么控件,具体是什么代码
消息提示插件(组件说明:用于替代系统默认的灰色对话框(alert等),提供丰富多彩的消息提示皮肤外观)
=============================================================================== 组件名称:消息提示组件 =============================================================================== 组件说明:用于替代系统默认的灰色对话框(alert等),提供丰富多彩的消息提示皮肤外观。 =============================================================================== 组件简介: 1、调用方式进行二次分装,现编写成类,然后将调用方法变成几个简单的方法调用,调用时无需new了。调用方法明了简单。 2、兼容IE6.0+、FF1.5+、Opear9+,兼容HTML4/XHTML1.0页面渲染模式。 3、支持CSS皮肤定制。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。 4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。 5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面
select
及
iframe
下
select
(无限级
select
隐藏),并遮罩
iframe
等元素。 6、页面
select
控件状态还原时保持原状态,即如果原来
select
就是隐藏的,则消息框弹出并关闭后该
select
仍保持隐藏状态,而只显示原本显示的
select
。 7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消
焦点
。 8、支持在
iframe
页面中弹出消息框时遮盖最外层页面(需引用扩展文件ymPromptEx.js)。 9、只要组件js与样式目录相对位置不变,无论将组件放在哪个文件夹中都只需正确引入js文件即可,组件会自动得到css的路径。
好看好用的alert提示框
组件名称:ymPrompt消息提示组件 2.0 =============================================================================== 组件说明:在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框实现了该组件。在外观上可以通过css进行完全的控制。 =============================================================================== 组件功能介绍: 1、调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。 2、兼容IE6.0+、FF1.5+、Opear9+(在Opear下显示有一个小缺陷),兼容HTML4/XHTML1.0页面渲染模式。 3、完全的CSS皮肤定制功能,所有外观包括显示图标/关闭按钮等都可以通过css设置。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。 4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。 5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面
select
及
iframe
下
select
(无限级
select
隐藏),并遮罩
iframe
等元素。 6、页面
select
控件状态还原时保持原状态,即如果原来
select
就是隐藏的,则消息框弹出并关闭后该
select
仍保持隐藏状态,而只显示原本显示的
select
。 7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消
焦点
。 8、可以页面加载的任意时间调用,如页面初始化时调用,页面加载完成后调用。 9、支持通过JSON和传统的参数传入方式。如ymprompt.alert('消息内容',300,200,'消息标题',handler)和ymprompt.alert({message:'消息内容',width:300,height:200,title:'消息标题',handler:handler}),这两种写法是等价的。 10、只需要一个回调函数,可捕获确定、取消及关键按钮的点击事件。函数改变了1.0版需要对确定和取消按钮分别写回调函数及不支持关闭事件的缺陷, 11、完全的封装,对外只暴露一个ymPrompt变量,有效防止与使用者程序变量的冲突。 12、程序(js)与样式(css)的完全分离,取消了1.0中自动加载css的功能,用户可根据需要加载对应css样式表单,降低了对样式配置的复杂度。
漂亮的消息提示框 消息提示组件 Javascript写的
组件名称:ymPrompt消息提示组件 2.0 演示地址:http://bbs.okajax.com/demo/31/ =============================================================================== 组件说明:在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框实现了该组件。在外观上可以通过css进行完全的控制。 =============================================================================== 组件功能介绍: 1、调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。 2、兼容IE6.0+、FF1.5+、Opear9+(在Opear下显示有一个小缺陷),兼容HTML4/XHTML1.0页面渲染模式。 3、完全的CSS皮肤定制功能,所有外观包括显示图标/关闭按钮等都可以通过css设置。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。 4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。 5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面
select
及
iframe
下
select
(无限级
select
隐藏),并遮罩
iframe
等元素。 6、页面
select
控件状态还原时保持原状态,即如果原来
select
就是隐藏的,则消息框弹出并关闭后该
select
仍保持隐藏状态,而只显示原本显示的
select
。 7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消
焦点
。 8、可以页面加载的任意时间调用,如页面初始化时调用,页面加载完成后调用。 9、支持通过JSON和传统的参数传入方式。如ymprompt.alert('消息内容',300,200,'消息标题',handler)和ymprompt.alert({message:'消息内容',width:300,height:200,title:'消息标题',handler:handler}),这两种写法是等价的。 10、只需要一个回调函数,可捕获确定、取消及关键按钮的点击事件。函数改变了1.0版需要对确定和取消按钮分别写回调函数及不支持关闭事件的缺陷, 11、完全的封装,对外只暴露一个ymPrompt变量,有效防止与使用者程序变量的冲突。 12、程序(js)与样式(css)的完全分离,取消了1.0中自动加载css的功能,用户可根据需要加载对应css样式表单,降低了对样式配置的复杂度。
el
Select
点击空白处无法收起下拉框(失去
焦点
并隐藏)
初次使用el
Select
这个组件的时候,会碰到无法实现 当下拉菜单处于展开状态时,如不点击到组件上,无法收起下拉菜单的情况。 如下图,点击空白区域,只会触发html的默认事件 这里博主亲测可用的解决办法是:官方的
Select
组件提供了“blur” 方法,并借助 “v-click-outside”方法实现 在main.js中,进行全局注册自定义指令 Vue.directive(‘click-outside’, { bind: function (el, binding, vnode) { el.cl
鼠标点在
iframe
页面内无法关闭父页面的
select
下拉框
为什么在子页面点击无法关闭父页面下拉框? 答: 1. 通常在没有
iframe
时,当我们做一个下拉框的功能,当鼠标在页面上的其它位置点击一下时,这个下拉框就隐藏掉了,这个功能很容易做,给document绑定onmousedown或onclick即可。 2. 如果页面上有
iframe
时,鼠标点击在
iframe
内时,包含
iframe
的document是不响应任何事件的,所以需要给
iframe
绑定类似的事件,当
iframe
指向的是第三方的内容时,还在考虑跨域的
问题
,因此通过操作
iframe
的document是行不
JavaScript
87,921
社区成员
224,619
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章