جلوگیری از انتخاب متن در صفحات وب

جلوگیری از انتخاب متن در صفحات وب

اگر شما هم وبسمتر هستید گاهی اوقات نیاز دارید تا انتخاب یا select متن اتفاق نیفتد؛ در این نوشته قصد این را داریم که با کمک css یا جاوااسکریپت این کار را انجام دهیم.

برای جلوگیری select شدن متن css قطعه کد زیر را استفاده کنید:

.unselectable {
	-webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #cc0000;
}

سپس تگ body صفحه خود را به شکل زیر در بیاورید:

<body class="unselectable">

نکته: برای روش دوم نیاز به کدهای روش اول ندارید.

برای جلوگیری select شدن متن javascript قطعه کد زیر را استفاده کنید:

<body onmousedown="return false" onselectstart="return false">

برای امتیاز به این نوشته کلیک کنید!

[کل: 1 میانگین: 5]