【CSS】数据统计

微信订阅号：Rabbit_svip

使用CSS也能给后端提交信息。

这个方法算是很取巧的，有点像向后端请求一个图片url，每请求一次，后端就累计一次。

这里所要用到的是CSS伪类 :active

:active 伪类可以用于设置元素激活状态的样式。意思就是通过点击鼠标主键（或者者其余输入设施，比方触控笔、笔记本的触摸板、甚至是少量触摸屏等）触发。

通过CSS可以请求资源的能力，反过来向后台传递数据，不过这种能力是很有限的。

<button class="button-1">按钮</button><button class="button-2">按钮</button><style>  .button-1:active::after {    content: url(xxx?action=click&imgId=btn1);    display: none;  }    .button-2:active::after {    content: url(xxx?action=click&imgId=btn2);    display: none;  }</style>

此时每点击一次按钮，就会提交一次数据给服务器。

这种上报数据的方式，计算把JS禁用掉也没办法阻止的（旧版IE就要客户手动开启JS）。