JSFiddle - React, Tailwind, and code Playground

HTML

<p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partu
    </p>
    <p>
        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam 
    </p>
    <p>
        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam 
    </p>

CSS

.select_off{
    -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

JavaScript

$(document).ready(function(){
    $(document).on('mousedown', 'p', function(){
        
        var i = 1;
        $('p').each(function(){
            
            if(!$(this).attr('id')){
                $(this).attr({'id':'unique_'+i+'id'});
            }
            
            i += 1;
        });
        
        var p_clicked = $(this);
        var p_clicked_id = p_clicked.attr('id');
        
        $('p').each(function(){
            if($(this).attr('id') != p_clicked_id){
                $(this).addClass('select_off');
            }
        });
    });
    
    $(document).on('mouseup', 'p', function(){
        $('p').each(function(){
            $(this).removeClass('select_off');
        });
    });
});