Question

如何用javascript屏蔽<input〉的鼠标事件

<div><input type="text" value=""></div>
上述代码中能否通过对<div>元素添加事件监听在capture阶段，并使用stopImmediatePropagation()来屏蔽<div>内的<input>获得鼠标事件，效果就是<input>的功能被完全屏蔽了。 注意不是用disable之类的方法禁用<input>。
谢谢，其实是我在div中加了3个input，平时希望这个input只发挥显示文本的作用，当点击div时，才激活input的编辑功能，同时div是能被鼠标拖动的，但发现当input为不可编辑时，鼠标点在input上面并不能拖动div，所以想在capture phase截获所有发给input的事件，但看有些资料说只有bubble phase才被广泛的浏览器支持，所以我放弃这个想法了，采用<p>和<input>来回替换的模式了

Answer 1

换readonly 不能满足需求吗？
我觉得既然浏览器实现的 还是直接用吧
不要重复造轮子

如果你想去掉绑定上的所有事件
$("input ").unbind();
就干净了