javascript - Override browser "Find" feature - Stack Overflow

admin管理员组

文章数量:1332377

I'm wondering whether it's possible to use JavaScript to intercept or prevent the user from using the browser's "Find" feature to find text on the page. (Trust me, I have a good reason!) I'm guessing the answer is "no," beyond the obvious intercepting Cmd/Ctrl+F.

A second-best solution would be to intercept the text highlighting that the browser performs during a Find. Is there any way to do this, in any browser?

I'm wondering whether it's possible to use JavaScript to intercept or prevent the user from using the browser's "Find" feature to find text on the page. (Trust me, I have a good reason!) I'm guessing the answer is "no," beyond the obvious intercepting Cmd/Ctrl+F.

A second-best solution would be to intercept the text highlighting that the browser performs during a Find. Is there any way to do this, in any browser?

• javascript
• find
• browser

Share Follow asked May 3, 2010 at 19:52 Trevor BurnhamTrevor Burnham 77.4k3333 gold badges164164 silver badges199199 bronze badges 4

• 5 Just curious, what is the reason? – Andy White Commented May 3, 2010 at 19:54
• It's for a web-based text editor. Ideally, I'd be able to intercept every Find and display my own Find & Replace dialogue. Having two different Finds is just confusing! There's more to it than that, but basically, the browser's Find would just be confusing in the context of this app. I guess I'll just intercept Cmd/Ctrl+F and pray that the user is using the standard keyboard shortcut. – Trevor Burnham Commented May 4, 2010 at 21:11
• intercepting Ctrl+F is slightly dangerous as it may be mapped differently in other languages, but I think it's your best bet. Because even if you managed to detect a "Find", how would you find out what the original search string was, when the search was case insensitive? And whether the "Find next / Find previous" button was used? Sounds like mission impossible to me. – Pekka Commented May 4, 2010 at 21:31
• I have never seen any web application - including all kinds of editors - that does this. But I admit, that I haven't even tried it (because I simply don't expect the find operation on Ctrl-/Cmd-f for a web app). If it can be done, and if it is demanded by many users, then you will most likely find a solution by looking at what the "big ones" are doing. – Chris Lercher Commented May 4, 2010 at 22:48

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5 +100

Not without the help of a browser-specific extension I think, if at all. This is a process that is entirely outside the JavaScript context.

To disable the effect pf the find feature, you can use this Jquery Plugin.

It can also be done with plain JavaScript, as follows:

        function disableFind() {
            var all = document.getElementsByTagName("*");
            var end = false;
            for(let idx in all){
                let currentElement = all[idx];
                let html = currentElement.innerHTML;
                if(!html) continue;
                let newHTML = "";
                for(var i = 0; i < html.length; i++) {
                    newHTML += html[i];
                    if (html[i] == '<') end = true;
                    if (html[i] == '>') end = false ;
                    if (end == false) {
                        newHTML += '<span style="position:absolute; left:-9999px;">.</span>';
                    }
                    if (html[i] == ' ') newHTML += ' ';   // insert a space if the current character is a space
                }
                currentElement.innerHTML = newHTML;
            }


        }

Additionally, you can prevent the default behavior of CTRL/CMD+F, with the following code:

 window.addEventListener("keydown", function(e){
     if(e.which == 70 && (e.ctrlKey || e.metaKey)) e.preventDefault(); 
  });

If you really, absolutely have to do that - then there's a (really bad) solution: Render the page as an image.

本文标签： javascriptOverride browser quotFindquot featureStack Overflow