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

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

以select下拉框为例：

οnmοusemοve="this.setCapture();"

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

下拉框文字

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

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

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

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

加锁：

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

{this.setCapture();};

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

{this.releaseCapture();};

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

{this.blur();};

解锁：

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

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

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