html下拉框只读,HTML元素（如select下拉框）设置为只读

其实就是利用了鼠标事件和去焦点功能。

以select下拉框为例：

οnmοuseοut="this.releaseCapture();">

value="optionValue">下拉框文字

onmousemove:鼠标在下拉框范围内活动时触发，调用setCapture函数让span捕获鼠标指针，从而阻止select相应鼠标事件。

onmouseout:鼠标离开下拉框时将鼠标指针的捕获还给当前页面。

onfocus:当select下拉框变成当前焦点时，取消它的焦点。

如果想在JS脚本中实现只读和取消：

加锁：

document.getElementByIdx_x("spanID").onmousemove = function()

{this.setCapture();};

document.getElementByIdx_x("spanID").onmouseout = function()

{this.releaseCapture();};

document.getElementByIdx_x("selectID").onfocus = function()

{this.blur();};

解锁：

document.getElementByIdx_x("spanID").οnmοusemοve="";

document.getElementByIdx_x("spanID").οnmοuseοut="";

document.getElementByIdx_x("selectID").οnfοcus="";

html下拉框只读,HTML元素（如select下拉框）设置为只读相关推荐

php下拉框选中效果,jquery模拟select下拉框效果
最近开发一网站的过程中碰到个需求,没有使用传统的select下拉框,而是使用了现代比较美观的一些元素设计了一个下拉框.对于这种东东,第一反应就是使用jquery来模拟了,还好,网上找了下,很快就找到了 ...
表单标签——input表单元素、select下拉表单元素和textarea文本域
表单标签表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...
bootstrap获取下拉框数据_bootstrap动态调用select下拉框的实现方法
bootstrap动态调用select下拉框的实例代码 html代码: 填报部门: JS代码: /*获取下拉菜单*/ function showSel(){ $.ajax({ "type&q ...
html取消select下拉,取消下拉选项_jquery如何取消选择select下拉框
摘要腾兴网为您分享:jquery如何取消选择select下拉框,中邮网院,天天美剧,搜狐视频,七哈小说等软件知识,以及比特彗星,cad素材包,交易猫app,视频调色软件,网易云歌单,小米温湿度传感器 ...
python selenium 下拉框页面变化_python-selenium之select下拉框
注意哦,这里的下拉框是select 属性,小伙伴们别看见下拉框就觉得是select 总结 select 选择:select_by_index() :通过索引定位 select_by_value() ...
html下拉框 js选中,js实现select下拉框选择
最近在做一个项目需要兼容到ie不同版本,在使用select时遇到了各种问题.后来索性就自己使用原生js实现了这样一个下拉框,话不多说,直接上代码吧. 自定义select *{ margin: 0; p ...
获取html下拉菜单selected,原生js获取select下拉框的selected的option项
一. 使用原生js,获取select标签下属性有selected的option项. 先写一个select标签如下: TEXT-aaaaa TEXT-bbbbb 原生js获取select标签这个对象 ...
js下拉 selenium_selenium 难定位元素，时间插件，下拉框定位，string
1.元素定位 ID定位元素: findElement(By.id("")); 通过元素的名称定位元素: findElement(By.name("")); 通过 ...
layui 下拉框空选项不显示_layui下select下拉框不显示或没有效果
Layui会对select.checkbox.radio等原始元素隐藏,从而进行美化修饰处理.但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例.值得注意的是:导航的Hover效果 ...
python获取select选中的值_Python3.x：遍历select下拉框获取value值
Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...

html下拉框只读,HTML元素（如select下拉框）设置为只读

html下拉框只读,HTML元素（如select下拉框）设置为只读相关推荐

最新文章

热门文章