在失焦时隐藏文本选择句柄:Android -Webview

Posted

技术标签:

【中文标题】在失焦时隐藏文本选择句柄:Android -Webview【英文标题】:Hide text selection handles on out of focus: Android -Webview 【发布时间】:2019-09-25 18:06:24 【问题描述】:

当用户单击 web 视图中的其他位置(浮动按钮)时,我试图隐藏文本选择句柄,如图所示,句柄与我的线性布局重叠。 layout_meaning_selected_text 是我在选择并单击按钮后隐藏和显示的元素。

任何想法如何解决这种重叠,我希望选择文本,只是我想关注那个黄色部分,然后关闭它,关注所选文本。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_>

    <com.myview.HorizontalWebView
        android:id="@+id/web_view"
        android:layout_
        android:layout_
        android:scrollbars="none"
        tools:layout_editor_absoluteX="10dp"
        tools:layout_editor_absoluteY="10dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"/>

    <View
        android:layout_
        android:layout_
        android:layout_centerInParent="true"
        android:background="@drawable/watermark_logo_grey" />

    <include
        android:id="@+id/selection_panel"
        layout="@layout/custom_popup_layout"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_margin="@dimen/afc_10dp"
        android:visibility="gone"
        tools:visibility="visible" />

    <include
        android:id="@+id/layout_editbookmark"
        layout="@layout/toast_with_icon"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_margin="@dimen/afc_10dp"
        android:visibility="gone" />

    <include
        android:id="@+id/search_panel"
        layout="@layout/search_panel"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_margin="@dimen/afc_10dp"
        android:visibility="gone" />

    <include layout="@layout/config_layout" />

    <include
        android:id="@+id/layout_meaning_selected_text"
        layout="@layout/layout_meaning_selected_text"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true" />

</RelativeLayout>

【问题讨论】:

【参考方案1】:

您必须在黄页上选择一个EditText。 然后您只需从WebView 复制选定的文本数据并将其粘贴到EditText

或者,如果您不想要EditText,请选择Android - Clipboard

example 1

example 2

Android Clipboard

【讨论】:

但我的情况是,首先我想通过长按和文本选择句柄选择文本,然后单击底部的搜索含义图标,然后黄色布局应该在我的 webview 上方可见并且该文本也应该被选中,但没有“TEXTSELECTION HANDLES”

以上是关于在失焦时隐藏文本选择句柄:Android -Webview的主要内容,如果未能解决你的问题,请参考以下文章

动态获取input内容文本 - js事件

在 UIWebView 中操作后隐藏文本选择句柄

ios软键盘弹出再收起,页面布局错乱问题解决

JavaScript进阶

JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

IOS的输入框失焦滚动问题