JSFiddle - React, Tailwind, and code Playground

by venkateshwar

HTML

<input type="text" class="text" />

CSS

.text {
    width: 200px;
    height: 50px;
    border: 1px solid black;
    padding-right: 30px;
}

JavaScript

var text = document.getElementsByClassName('text')[0];
    text.onclick = function (e) {
        var el = e.currentTarget;
        var width = el.offsetWidth;
        var x = el.offsetLeft;
        var x1 = e.pageX;
        if (x1 > (x + width - 30)) {
            alert("hello");
        }
    }