我的网络应用程序显示包含具有特定属性的项目的列表。每个列表项都是一行,其中包括电子邮件地址。单击该行时,它会展开并显示更多信息。
一切正常,但在移动设备上,Chrome会识别电子邮件地址,点击后会打开电子邮件应用,向该地址发送电子邮件。我没有自己设置,所以这似乎是默认行为。
有没有办法防止这种情况发生?
显示电子邮件地址的代码:
<p class="text-ellipsis"><em>someone@example.com</em></p>
答案 0 :(得分:0)
我喜欢注入“零宽度不间断空格”字符来欺骗有帮助的移动浏览器
<p class="text-ellipsis"><em>someone@example​.​com</em></p>
答案 1 :(得分:0)
我最终将电子邮件地址放在标签中,然后将其设置为普通文本,并通过javascript禁用默认操作。这样浏览器认为某个操作已经连接,因此点击时不会执行任何操作。
由于我将数据库查询中的数据加载到Django模板中,因此无法在地址中添加任何字符的选项。