Question

我有一些JavaScript，当使用CSS事件点击按钮时会添加一些onClick()。这在所有经过测试的浏览器（Safari，Firefox，Chrome等）中都非常有效，并且适用于iOS UIWebView对象内的所有移动设备。

然而，尽管它在Android手机上的Google Chrome浏览器中运行良好，但它在Android WebView对象中无效。什么都没发生。

将其从onClick()事件更改为touchstart()事件有效。

同样在alert()内添加onClick()也可以，onClick()事件似乎无法在Android CSS对象中添加WebView样式

到底发生了什么，这是一种什么样的错误，它似乎发生在我测试过的每一部Android手机上，都有不同的操作系统版本：S

以下是我一直在使用的代码

if (login) {
    login.addEvent('click', function(e){
        e.stopPropagation();
        $('login_items_wrapper').setStyle('opacity', '0');
        $('loading_content_login').show();
    });
}

任何人都可以帮忙吗？

Answer 1

我在自然JS中尝试了这个“重复版本”，它对我有用：

if (login) {
    login.onclick = myFunc();
    login.addEventListener('click', function() {
        myFunc();
    });
}

function myFunc() {
    $('.login_items_wrapper').setStyle('opacity', '0');
    $('.loading_content_login').show();
}

Answer 2

您需要更改

$('login_items_wrapper').setStyle('opacity', '0');
$('loading_content_login').show();

到

$('.login_items_wrapper').setStyle('opacity', '0');
$('.loading_content_login').show();

或

$('#login_items_wrapper').setStyle('opacity', '0');
$('#loading_content_login').show();

由于您没有正确引用这些元素。

Android WebView JavaScript onClick Bug

2 个答案: