移动端使用FB.ui实现Facebook分享功能点击事件不触发如何解决？

问题修复方案 #

• 替换事件绑定方式：jQuery的click事件在部分移动端浏览器存在300ms延迟、点击被系统触摸行为拦截的问题，优先同时绑定click和touchstart事件，修改绑定代码为：

$('#facebook-share').on('click touchstart', function(event) {
    let options = new FacebookShare();
    options.quote = $(event.currentTarget.parentElement).find('h5').html();
    facebookshare(event, options);
});

同时可以给#facebook-share元素添加CSS属性touch-action: manipulation，禁用浏览器默认的双击缩放等触摸行为，避免点击事件被拦截。

• 修复ES6语法兼容问题：部分老旧移动端系统自带浏览器、低版本Safari不支持箭头函数，把事件绑定的箭头函数替换为普通function写法即可兼容，上面的代码已经做了对应修改。
• 补全语法缺失：原代码里options.quote赋值行末尾缺少分号，部分移动端JS引擎不会自动补充分号，会抛出语法错误导致后续代码终止执行，补充分号即可。
• 检查逻辑判断分支：你代码里的FB分享逻辑包裹在if(typeof(mobileApp) !== 'undefined')判断内，先确认移动端全局环境下是否正确定义了mobileApp变量，很多时候是该变量未挂载到全局，导致整个分享逻辑根本没有执行，可以在判断内加临时日志确认分支是否正常进入。
• 扩大点击热区：移动端可点击元素的推荐最小热区尺寸是48px*48px，如果你的#facebook-share元素尺寸过小，容易出现点击无响应的情况，给元素添加足够的padding属性扩大点击区域即可解决。

内容的提问来源于stack exchange，提问作者user1683987