触发webview中的后退按钮

时间:2012-07-09 13:26:47

标签: javascript mobile titanium appcelerator

我正在使用钛工作室打包我们正在处理的应用程序,其中一个页面是我们网站的移动版本的webview。这一切都有效并且看起来很棒,但是当用户导航到新的URL时,向后移动是不可能的。我已经尝试了几种方法来设置后退按钮/导航组来解决这个问题,但似乎没有任何工作。将下一页加载到导航组中的最佳方法是什么,或者在加载新页面时触发后退按钮?

到目前为止,我已经尝试过:

  • 创建导航组并在打开新事件时触发事件 窗口将其添加为孩子。
  • 根据canGoBack()
  • 创建按钮并删除/添加按钮
  • 存在一个常量按钮,仅在goBack()时触发 定义

1 个答案:

答案 0 :(得分:3)

var btnBack = Titanium.UI.createButton({
    title : '< ',
    top : 0,
    left : 0,
    height : '10%',
});
var btnFwd = Titanium.UI.createButton({
    title : ' >',
    top : 0,
    right : 0,
    height : '10%',
});
var webView = Titanium.UI.createWebView({
    url : 'http://gooogle.com',
    canGoBack : true,
    canGoForward : true,
    top : '10%',
    height : '90%',
});
btnBack.addEventListener('click', function() {
    webView.goBack();
});
btnFwd.addEventListener('click', function() {
    webView.goForward();
});
var win1 = Titanium.UI.createWindow({  
    backgroundColor:'#fff',
});
win1.add(btnBack);
win1.add(btnFwd);
win1.add(webView);
win1.open();

这会解决您的问题吗?如果没有,请澄清你需要做什么??