使用Colorpicker Eyecon的Android Webview

Question

我在一个Android应用程序中实现了colorpicker ..但要选择你必须单击的颜色，因为webview不接受点击和拖动，我怎样才能改变功能来触摸webview，我试图替换“mousemove”通过“mouseover”但没有成功

我认为这是我应该改变的代码的一部分

  downSelector = function (ev) {
            var current = {
                cal: $(this).parent(),
                pos: $(this).offset()
            };
            current.preview = current.cal.data('colorpicker').livePreview;
            $(document).bind('mouseup', current, upSelector);
            $(document).bind('mousemove', current, moveSelector);
        },

        moveSelector = function (ev) {
change.apply(
ev.data.cal.data('colorpicker').fields.eq(6)
.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
.end().eq(5).val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
.get(0),[ev.data.preview]
);
return false;
 },

 upSelector = function (ev) {

  moveSelector(ev);

 fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
 fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
 $(document).unbind('mouseup', upSelector);
 $(document).unbind('mousemove', moveSelector);
 return false;
}, 

Answer 1

尝试使用SO example code for colorpicker in phonegap。

此事也可以帮助javascript-color-picker或spectrum（不确定）。

您还可以从webview调用本机活动java代码，并从本机库中获取所选颜色！本机颜色选择器对话框弹出如下

更新

https://github.com/Gautier/jquery-colorpicker-mobile （Github）（支持触摸事件的http://www.eyecon.ro/colorpicker/分叉

jqm color picker（付费）