Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie onselectstart und onselect

So verwenden Sie onselectstart und onselect

一个新手
一个新手Original
2017-10-09 09:47:373082Durchsuche

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;
        }

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>

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!

Stellungnahme:
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