Question

怎么监听webview的上下滑动事件

Answer 1

WebView并没有对外提供一个类似于setOnScrollChangedListener之类的监听者，只有一个如下的protected方法：

protected void onScrollChanged(final int l, final int t, final int oldl,
                               final int oldt) {

可以自定义WebView实现onScrollChanged并对外提供一个接口，如下：

public class ObservableWebView extends WebView {
    private OnScrollChangedCallback mOnScrollChangedCallback;
 
    public ObservableWebView(final Context context) {
        super(context);
    }
 
    public ObservableWebView(final Context context, final AttributeSet attrs) {
        super(context, attrs);
    }
 
    public ObservableWebView(final Context context, final AttributeSet attrs,
                             final int defStyle) {
        super(context, attrs, defStyle);
    }
 
    @Override
    protected void onScrollChanged(final int l, final int t, final int oldl,
                                   final int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
 
        if (mOnScrollChangedCallback != null) {
            mOnScrollChangedCallback.onScroll(l - oldl, t - oldt);
        }
    }
 
    public OnScrollChangedCallback getOnScrollChangedCallback() {
        return mOnScrollChangedCallback;
    }
 
    public void setOnScrollChangedCallback(
            final OnScrollChangedCallback onScrollChangedCallback) {
        mOnScrollChangedCallback = onScrollChangedCallback;
    }
 
    public static interface OnScrollChangedCallback {
        public void onScroll(int dx, int dy);
    }
}

使用方法：

1. 找到WebView控件

   wv = (ObservableWebView) findViewById(R.id.scorllableWebview);

2. 设置监听

   wv.setOnScrollChangedCallback(new OnScrollChangedCallback(){

       public void onScroll(int dx, int dy){

         //这里我们根据dx和dy参数做自己想做的事情

       }

    });

3. 根据dx和dy的值进行判断。
   

Answer 2

window.onscroll = function(){};    //滚动条滚动
document.addEventListener("touchmove", function(){
    //手机滑动事件

}, false);