H5 インターフェイスをミニ プログラムやモバイル アプリケーション (Android および iOS) に埋め込んで、携帯電話番号を指でクリックすると、通話やコピーのオプションを含むポップアップ ウィンドウが表示されるようにすることができます。以下に基本的な例を示し、ミニ プログラム、Android および iOS で実行されるサポート作業について説明します。
<!DOCTYPE html>
<html>
<head>
<title>Phone Number Popup</title>
<style>
.phone-number {
color: blue;
text-decoration: underline;
cursor: pointer;
}
</style>
<script>
function showPopup(phoneNumber) {
// 创建弹窗
var popup = document.createElement('div');
popup.className = 'popup';
// 添加呼叫选项
var callOption = document.createElement('div');
callOption.className = 'popup-option';
callOption.textContent = '呼叫';
callOption.onclick = function() {
window.location.href = 'tel:' + phoneNumber;
popup.remove();
};
popup.appendChild(callOption);
// 添加复制选项
var copyOption = document.createElement('div');
copyOption.className = 'popup-option';
copyOption.textContent = '复制';
copyOption.onclick = function() {
var textarea = document.createElement('textarea');
textarea.value = phoneNumber;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
popup.remove();
};
popup.appendChild(copyOption);
// 添加弹窗到页面
document.body.appendChild(popup);
}
</script>
</head>
<body>
<p>点击手机号:<span class="phone-number" onclick="showPopup('123456789')">123456789</span></p>
</body>
</html>
サポート業務:
アプレット:
ミニ プログラムでは、セキュリティとプライバシーへの配慮により、通話機能を直接呼び出すにはユーザーの承認が必要です。ミニ プログラムの app.json ファイルで適切なアクセス許可 (requestPermission) を構成し、コードでユーザーの承認を要求する必要があります。同時に、ミニ プログラムの WebView コンポーネントは、デフォルトでは通話などのネイティブ機能を呼び出すことができないため、ユーザーがクリックしてダイヤルできるように、ポップアップ ウィンドウに「ダイヤル」ボタンを追加することを検討する必要があるかもしれません。ダイヤルインターフェイス。
アンドロイド:
Android アプリケーションでは、アプリケーション マニフェスト ファイル (AndroidManifest.xml) に呼び出しを行うための権限を追加する必要があります。
<uses-permission android:name="android.permission.CALL_PHONE" />
次に、コードでインテントを直接呼び出して呼び出しを行うことができます。
String phoneNumber = "123456789";<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:" + phoneNumber));
startActivity(intent);
同時に、Android の ClipboardManager を使用してテキストをペーストボードにコピーできます。
iOS:
同時に、Android の ClipboardManager を使用してテキストをペーストボードにコピーできます。
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
次に、UIApplication を使用してダイヤルアップ インターフェイスを開くことができます。
if let phoneURL = URL(string: "tel://123456789") {
UIApplication.shared.open(phoneURL, options: [:], completionHandler: nil)
}
同様に、iOS UIPasteboard クラスを使用してテキストをペーストボードにコピーできます。
異なるプラットフォームや環境の違いにより、上記の例は実際の状況に応じて適切に調整および処理する必要がある場合があることに注意してください。同時に、ユーザーのプライバシーとセキュリティ運用に関しては、関連する規制とベスト プラクティスに従ってください。