Tryit Editor - Free-Learn

<!DOCTYPE html>
<html>
<head>
<style>

/*
=================
-webkit-
برای پشتیبانی مرورگرهای
Chrome
Safari
Opera
=================
-ms-
برای پشتیبانی مرورگر
Edge
=================
-moz-
برای پشتیبانی مرورگر
Firefox 
=================
*/

.Text-1{
 -webkit-user-select: none;
 -ms-user-select: none;
 -moz-user-select: none;
 user-select: none; /* نوشتار حالت عادی */
}

.Text-2{
 -webkit-user-select: all;
 -ms-user-select: all;
 -moz-user-select: all;
 user-select: all;
}

</style>
</head>
<body>

<p dir="rtl"><b>باکس اولی قابل انتخاب نیست ولی باکس دومی به محض کلیک روش ، کل متن به حالت انتخاب درمیاد</b></p>

<h2>user-select: none</h2>
<div class="Text-1">
 Salam Khobi? In Matn Ro Ba Mouse Entekhab Kon. Salam Khobi? In Matn Ro Ba Mouse Entekhab Kon. Salam Khobi? In Matn Ro Ba Mouse Entekhab Kon
</div>

<h2>user-select: all</h2>
<div class="Text-2">
 Salam Khobi? In Matn Ro Ba Mouse Entekhab Kon. Salam Khobi? In Matn Ro Ba Mouse Entekhab Kon. Salam Khobi? In Matn Ro Ba Mouse Entekhab Kon
</div>

</body>
</html>

سایت آموزشی فری لرن