Android WebView JavaScript onClick Bug

Android WebView JavaScript onClick Bug

本文关键字：Bug onClick JavaScript WebView Android      更新时间：2023-09-26

当使用onClick()事件单击按钮时，我有一些JavaScript添加了一些CSS。这在所有已经测试过的浏览器(Safari, Firefox, Chrome等)中都可以完美地工作，并且还可以在所有移动设备上工作，包括iOS UIWebView对象。

然而，尽管它在android手机上的Google Chrome浏览器中完美地工作，但它在android WebView对象中不起作用。什么也没发生。

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

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

这到底是怎么回事，这是某种bug吗?我测试过的每台Android手机上都有这种问题，而且都是不同的操作系统版本:S

这是我一直在使用的代码

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

有人能帮忙吗??

我在自然JS中尝试了这个"复制版本"，它为我工作:

if (login) {
    login.onclick = myFunc();
    login.addEventListener('click', function() {
        myFunc();
    });
}
function myFunc() {
    $('.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();

或

$('#login_items_wrapper').setStyle('opacity', '0');
$('#loading_content_login').show();
相关文章：