1

我一直在尝试创建一个可以在页面上搜索文本的有效搜索栏。我想要完成的正是 Ctrl+F 所做的，但在页面上用户的输入字段中。到目前为止，我有这个在桌面版本上运行良好，但不适用于移动浏览器：

<form id="f1" name="f1" action="javascript:void()" onsubmit="if(this.t1.value!=null &amp;&amp; this.t1.value!='')
parent.findString(this.t1.value);return false;">
<input type="text" id="t1" name="t1" value="" placeholder="Type here.." size="20">
<input type="submit" name="b1" value="Search">
</form>

<script>
    var TRange=null;

function findString (str) {
 if (parseInt(navigator.appVersion)<4) return;
 var strFound;
 if (window.find) {

  // CODE FOR BROWSERS THAT SUPPORT window.find

  strFound=self.find(str);
  if (!strFound) {
   strFound=self.find(str,0,1);
   while (self.find(str,0,1)) continue;
  }
 }
 else if (navigator.appName.indexOf("Microsoft")!=-1) {

  // EXPLORER-SPECIFIC CODE

  if (TRange!=null) {
   TRange.collapse(false);
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
  if (TRange==null || strFound==0) {
   TRange=self.document.body.createTextRange();
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
 }
 else if (navigator.appName=="Opera") {
  alert ("Opera browsers not supported, sorry...")
  return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}
</script>

我在这里找到了这个看起来很旧的代码。它可以工作，但不适用于任何移动浏览器。所以我很感激任何关于实现这一目标的有效方法的建议。谢谢！

4

1 回答 1

0

搜索后，我发现了 Jeff Baker 的这个脚本，它的功能完全符合我的需要。将其张贴在这里以防其他人正在寻找类似的东西！

于 2021-02-03T13:30:47.017 回答