在Android WebView中通过javascript检测点击HTML选项标记

Detect click on HTML option tag through javascript in Android WebView

本文关键字:HTML 选项 检测 javascript WebView Android      更新时间:2023-09-26

我在web视图中有一个表单。我能够检测按钮点击并执行所需的任务。但在表单中,有一个选项标签。根据所选的项目类型,我应该执行下一个任务。但我无法检测到选项单击事件。我同时尝试了onClick和onChange。两者都不起作用。知道如何检测它的点击事件吗?

我在我的html代码中尝试了以下代码:

  <div class="label"><b>Type :</b></div>
            <div class="field">
                <select name="type" >
                    <option value="video" selected="selected" onchange="videos.performClick()">video</option>
                    <option value="image" onchange="images.performClick()">image</option>
                </select>
            </div>
        </div>

您需要监听select字段上的onchange事件。

<div class="label"><b>Type :</b></div>
        <div class="field">
            <select name="type" onchange="onSelectFieldChange(this)">
                <option value="video" selected="selected">video</option>
                <option value="image">image</option>
            </select>
        </div>
    </div>

现在您编写了onSelectFieldChange函数,该函数处理基于所选选项的重定向。

    function onSelectFieldChange(element) {
        switch(element.value) {
        case 'video':
            videos.performClick()
            break;
        case 'image':
            images.performClick()
            break;
        default:
            break;
        }
    }