4

我正在建立一个移动网站,在这个表单中有一个但没有提交按钮。因此,当用户在输入字段中输入内容并单击 Android 或 iPhone GO 按钮时,它应该提交表单。我为此使用 HTML 和 jQuery。

如何在 jQuery 中捕获此 GO 事件?我希望它自己以这种方式完成。

4

2 回答 2

7

添加一个提交按钮并将其设置opacity0.

我将此用于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 非常有用。

于 2012-06-29T07:05:32.357 回答
-2

您可以使用 webview 在 android/iphone 设备中加载 html 文件。

检查以下,

  1. 在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+"\")");
                            }
                    });
            }
    }
    

    }

  2. 索引.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>
    
于 2012-06-29T07:01:56.150 回答