我正在建立一个移动网站,在这个表单中有一个但没有提交按钮。因此,当用户在输入字段中输入内容并单击 Android 或 iPhone GO 按钮时,它应该提交表单。我为此使用 HTML 和 jQuery。
如何在 jQuery 中捕获此 GO 事件?我希望它自己以这种方式完成。
我正在建立一个移动网站,在这个表单中有一个但没有提交按钮。因此,当用户在输入字段中输入内容并单击 Android 或 iPhone GO 按钮时,它应该提交表单。我为此使用 HTML 和 jQuery。
如何在 jQuery 中捕获此 GO 事件?我希望它自己以这种方式完成。
添加一个提交按钮并将其设置opacity
为0
.
我将此用于html:
<form>
<input type="text" name="input" />
<input type="submit" style="opacity:0;" />
</form>
这对alert()
价值:
$(document).ready(function() {
$("form").submit(function() {
alert($("[name=input]").val());
});
});
您只需要处理表单的提交事件,这对 jQuery 非常有用。
您可以使用 webview 在 android/iphone 设备中加载 html 文件。
检查以下,
在android的assets文件夹下添加index.html。并在 mainActivity 类中添加以下内容。这里命名为 StackOverFlowActivity
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.webkit.WebView;
public class StackOverFlowActivity extends Activity {
private Handler mHandler = new Handler();
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
WebView view=(WebView)findViewById(R.id.webView1);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl("file:///android_asset/index.html");
view.addJavascriptInterface(new MyJavaScriptInterface(), "Android");
}
final class MyJavaScriptInterface
{
public void ProcessJavaScript(final String scriptname, final String args)
{
mHandler.post(new Runnable()
{
public void run()
{
String h="Hi";
webview.loadUrl("javascript:result(\""+h+"\")");
}
});
}
}
}
索引.html
<html>
<head>
<script type="text/javascript">
function clickhere()()
{
Android.ProcessJavaScript("result",null);
}
function result(res)
{
alert(res);
}
</script>
</head>
<body>
<input type="button" id="clickme" onclick="clickhere()" value="GO"></input>
</body>
</html>