总结下在开发项目中禁用按钮的一些小方法

版权所有：未经允许，不得转载！！

http://blog.csdn.net/ime33

在项目中，难免会遇上在某些功能模块中，该用户不得操作的情况，下面总结下一些小方法，若有考虑不全，欢迎大牛们补全、交流：

第一种：使用按钮禁用属性disabled=“disabled”或者disabled=“true”,禁用之后再加点禁用背景或者字色搭配就更加完美了，原生的js方式：document.getElementByIdx_x_x("btnShow").disabled=true;jQuery方式：$("#btnShow").attr({"disabled":"disabled"})，$("#btnShow").removeAttr("disabled");;

第二种：CSS{cursor:not-allowed}修改鼠标悬浮图标：如图，但是这只是修改了样式，在功能上还需要配合JS，对了，第一第二种结合起来，收工完美！！

第三种：CSS3{pinter-events:none}支持属性有：auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted |，但是可悲的是浏览器支持的只有 auto和none，其余是SVG的属性支持项，不过在使用中、特别是移动端用起来还是十分爽的，比如：遮罩层、地图map等等，它在标签元素区形成一个透明层决定是否允许鼠标进行穿透交互，none可以禁用所有玩意，如hover高亮、a链接以及键盘回车捕捉等；

浏览器兼容性：Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持；CSS3新事物嘛，使用空间还是有的，需大胆使用，不要怂！

此文难免有所考虑不周，欢迎大牛纠正、补充，感谢阅读！