window.getSelection()在本机WebView中不起作用

时间:2018-11-30 06:54:46

标签: javascript reactjs react-native webview

当在WebView中使用

window.getSelection()时,即使文本被突出显示,它也会返回一个空值。如何获取window.getSelection()来正确捕获WebView中突出显示的文本?

我的代码当前返回一个空警报,但我希望它返回包含突出显示的文本的警报。

onMessage(m) {
   alert(m.nativeEvent.data);
  }

  render() {
    return (
      <WebView
        style={styles.bookText}
        source={{ html: this.state.html }}
        injectedJavaScript={Constants.javascript.injection}
        ref="window"
        onMessage={m => this.onMessage(m)}
        javaScriptEnabled = {true}
      />
    )
  }

..

const Constants = {
    javascript: {
        injection: `
        document.querySelector("p").onmouseup = function() {
          var selected = window.getSelection();
          window.postMessage(selected, "*");
        }
        `
    }
}

0 个答案:

没有答案