在前端开发中，我们经常会使用 jQuery 来操作 DOM ，但是在某些场景下，我们会发现在移动端页面中，鼠标的点击事件和移动端的触摸事件表现不一致，这时，我们通常需要使用特定的方式处理这些不兼容的事件。这篇文章就介绍一下 npm 包 jquery-fixclick，如何用它来解决这个问题。
什么是 jquery-fixclick
jqeruy-fixclick 是一个基于 jQuery 的 npm 包，它能够解决移动端在 click 事件上的 bug，确保在移动端使用 Jquery 的 click 事件时能够更为的流畅。
安装
在使用 jquery-fixclick 前，我们需要先进行安装，可以在终端中通过 npm command 安装：
npm install jquery-fixclick
使用
使用 jquery-fixclick，只需要在引入 jQuery 的代码后，引入 jquery-fixclick 的代码，就可以让移动端的 click 事件表现正常。这里提供一段示例代码：
import $ from 'jquery';
import 'jquery-fixclick';
$('button').on('click', function(){
alert('Hello world!');
});上述代码中，我们先通过 import 对 jQuery 进行了引入。然后通过 import 引入 jquery-fixclick，这样在使用 Jquery 的 click 事件时就可以解决移动端的兼容性问题了。最后，在 button 上添加 click 事件， 当用户点击它时，输出 ‘Hello world!’ 的提示。
需要注意的是，引入 jquery-fixclick 的代码要在使用 jQuery 的代码之前，否则无法生效。
为什么有了jquery 还需要jquery-fixclick
在移动端开发中，很多情况下，由于浏览器的特殊性， click 事件在移动端出现了交互不流畅，响应不及时等问题，特别是在三星等部分厂商的手机上。虽然在 click 事件上，jQuery 会根据不同的浏览器和设备自动选择绑定 click 或 touchend 事件。但是，绑定 touchend 事件会存在一个延迟的问题：touchend 事件不能像click 事件一样立即触发，必须等待 300ms（不同浏览器的时间有所不同）才能进行响应。
因此，jquery-fixclick 应运而生，可以兼容更多不同的浏览器和设备，保证移动端的 click 事件流畅度和响应时间。
总结
在移动端的开发中，使用 jquery-fixclick 插件可以解决 click 事件兼容问题，确保移动端的交互流畅，并且使用非常简单，只需要引入就可以开始使用了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562cb81e8991b448e013e