连续点击按钮，通过设置按钮的样式防止用户多次操作

问题还原：

在项目中的某个功能中，用户填写信息后，点击【提交】按钮，由于代码中设置的提示显示2s后才进行界面刷新、跳转，导致用户可能会多次点击【提交】按钮，所以如何防止用户的多次操作那？

解决方案：

此处通过CSS的pointer-events: none实现，这个属性是用于设置元素不对指针事件做出反应，然后在点击【提交】按钮，数据校验通过后，通过id获取DOM后通过addClass增加样式。代码如下：
CSS代码如下：

<style>
/* 按钮不对指针事件做出反应 */
.button-disable{
	pointer-events: none;
}
</style>

HTML代码如下：

<button id="submitAppeal" type="button" class="btn btn-default a-ok qembtn" onclick="submitAppeal()">提交</button>

JS代码如下：

function submitAppeal() {
 	        此处省略……
	        $("#submitAppeal").addClass("button-disable");
 	        此处省略……
	    }

PS：欢迎大家点赞、关注、支持。如有需要，欢迎添加博主QQ沟通交流！QQ：156587607