Heim > Web-Frontend > js-Tutorial > So verwenden Sie onselectstart und onselect

So verwenden Sie onselectstart und onselect

一个新手
Freigeben: 2017-10-09 09:47:37
Original
3167 Leute haben es durchsucht

1.onselectstart

Dieses Ereignis wird hauptsächlich verwendet, um die Auswahl von Text auf Webseiten zu verhindern. Der Code lautet:


document.onselectstart =function(){
            return false;
        }
Nach dem Login kopieren

Darüber hinaus unterstützt ff/opera dieses Ereignis nicht, ff kann mit CSS gesteuert werden: css: body { -moz-user- select: none; } . Webkit-Browser können „-khtml-user-select“ verwenden, und natürlich können Sie auch das onselectstart-Ereignis verwenden, um zu verhindern, dass Benutzer Text innerhalb von Elementen auswählen.

Beachten Sie, dass dieses Ereignis Eingabe und Textbereich nicht unterstützt.

2.onselect

Dieses Ereignis wird ausgelöst, nachdem der Inhalt im Textbereich oder in der Eingabe ausgewählt wurde. Daher werden nur Eingabe- und Textbereichs-Tags unterstützt. Zum Beispiel:

<input type = &#39;text&#39; id = &#39;input>
<script>
             var input = document.getElementById(&#39;input&#39;);
             input.onselect = function(){
                alert("被触发");
            }     
</script>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie onselectstart und onselect. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage