disabled、pointer-events使得某个区域可见但不可使用

1.pointer-events:none;

css3中有一个属性是pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted |, 此属性有很多值,但是对于浏览器来说,只有auto和none两个值可用,其他的几个都是针对SVG的(本身这个属性就来自于SVG技术).

auto --- 效果和没有定义pointer-events相同,鼠标不会穿透当前层.在SVG中,该值和visiblePainted的效果相同.

none --- 元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。意思就是说,pointer-events的值设为none时,鼠标对当前层的事件不起作用.

2.disabled:true;

$("#aaa").prop("disabled",true);