如何做到h5页面事件禁用与启用？

Question

在h5页面上，有一个列表，列表中的每一个item都有一个点击事件，当点击条目时，会有一个详情页面从右边transform进来，覆盖住列表页面。目前的问题是这样的，先点击一个item，此时触发详情页进入，而transform设置为1秒才能完全过来，在这个过程中，列表中的条目仍然可见并且可点击，如果用户在详情页完全推进来之前又点击了其他的条目，将触发多个详情页面一层层的推进过来我目前的思路是：当用户点击一个列表项时，禁用所有click和tap事件，当详情页完全推进来之后，再启用所有click和tap事件目前，不太清楚如何禁用和启用所有的click和tap事件，请道友们帮忙解一下如果有其他思路，也请指教，谢谢！

Answer 1

可以试一下设置一个flag标志位，当触发点击事件时，如果flag为true，则执行点击事件，此时flag置为false，点击事件失效，当详情页推进来之后再设置为true，点击事件启用。当flag为false时，不执行任何操作。