Android (6) 弹窗 onJsAlert,onJsConfirm,onJsPrompt

本文介绍: 弹窗 onJsAle rt,onJsCon fi rm,onJsPro mp t

1 网页的3种弹窗

And roi dApp 内嵌一个We bView用于承载网页,We bVi ew会监听拦截网页的3种弹窗(Ale r t,Con fi rm,Pro mp t),如果不做任何处理,表现出来的形式就好像是不支持网页弹窗,其实是支持的!

1 网页的3种弹窗

所有的弹窗都由3部分组成:Ti tle(标题),Me ssa g e(内容),Button(按钮)

1.1 Ale rt警示弹窗

只有一个“确定“按钮,点击关闭弹窗

alert('卢本伟NB!');

1.2 Co nf i rm 确认弹窗

有2个按钮,点击“确定“返回 true,点击”取消“返回 false

let flag = confirm('卢本伟NB吗?');

1.3 Pro mpt输入弹窗

有2个按钮,1个输入框,点击”确定“返回输入框内容(无内容返回空字符串),点击”取消“返回null

let context = prompt('卢本伟斗地主什么水平?');

2 We bVi ew支持弹窗

支持3种弹窗,需要对WebView对象设置webView.setWebChr o meClient(重写的WebChr o meClient对象)

2.1 onJsAlert

mainWebView.setWebChromeClient(new WebChromeClient() {
	@Override
	public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
		AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
        // 将message设置在Tittle位置,更显眼
        builder.setTitle(message);
        // builder.setMessage(message);
		builder.setPositiveButton("知道了", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				// 返回确认
				result.confirm();
			}
		});
        // 点击对话框外面和点击返回键,不能取消弹窗
        builder.setCancelable(false);
		builder.show();
		return true;
	}
}

2.2 onJsConfirm

mainWebView.setWebChromeClient(new WebChromeClient() {
	@Override
	public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
		AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
        // 将message设置在Tittle位置,更显眼
        builder.setTitle(message);
        // builder.setMessage(message);
		// 设置肯定按钮
		builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				// 返回确认
				result.confirm();
				// 解除对话框
				dialog.dismiss();
			}
		});
		// 设置否定按钮'
		builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				// 返回取消
				result.cancel();
				// 解除对话框
				dialog.dismiss();
			}
		});
        // 点击对话框外面和点击返回键,不能取消弹窗
        builder.setCancelable(false);
		builder.show();
		return true;
	}
}

2.3 onJsPro mpt

mainWebView.setWebChromeClient(new WebChromeClient() {
	@Override
	public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
        AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
        // 将message设置在Tittle位置,更显眼
        builder.setTitle(message);
        // builder.setMessage(message);
        final EditText editText = new EditText(WebViewActivity.this);
        editText.setText("");//设置默认数据
		builder.setView(editText); //为弹出窗口设置输入框
		// 设置肯定按钮
		builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				result.confirm(editText.getText().toString());//向Javascript传递输入值
			}
		});
		// 设置否定按钮
		builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				result.cancel();
			}
		});
        // 点击对话框外面和点击返回键,不能取消弹窗
        builder.setCancelable(false);
		builder.show();
		return true;
	}
}