javascript – 使用jQuery突出显示Chrome等搜索字词

前端之家收集整理的这篇文章主要介绍了javascript – 使用jQuery突出显示Chrome等搜索字词前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我最近用jQuery和一个高亮插件做了一个非常简单的突出显示.它看起来像这样:

$(‘myButton’).click(function() {

$(‘body’).highlight($(‘#myInputText’).val());

});

但是我想知道我怎么能像Chrome一样突出显示,我的意思是每当我在文本框中输入一些字母而不提交时突出显示这些字母.我想也许可以使用一个keyup事件……任何想法?

谢谢安迪,我在你的代码中将’this [0]’更改为’search [i]’,如果只有一个’p’标签,它就有效

$(document).ready(function(){
  var search = ['p','div','span'];

  $("#Highlighter").bind('keyup',function(e){
    var pattern = $(this).val();

    $.each(search,function(i){
        var str = search[i];        
        var orgText = $(str).text();

        orgText = orgText.replace(pattern,function($1){
          return "
最佳答案
我做了很快的代码,代码

    $(document).ready(function(){
    var search = ['p','span'];

    $("#Highlighter").bind('keyup',function(i){
        var str = this[0];        
        var orgText = $(str).text();

        orgText = orgText.replace(pattern,function($1){
          return "

链接http://jsbin.com/amica3/edit

原文链接:https://www.f2er.com/jquery/428401.html

猜你在找的jQuery相关文章