Run results for: jQuery body fit onclick filter vs direct

Run details:

User agent: Mozilla/5.0 (X11; Fedora; Linux x86_64; rv:77.0) Gecko/20100101 Firefox/77.0

Browser: Firefox 77

Operating system: Fedora

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
With click on body	763.5 Ops/sec
With click on document	300.7 Ops/sec
With click on window	227.8 Ops/sec
With click on element	207.0 Ops/sec

HTML Preparation code:

<script
			  src="https://code.jquery.com/jquery-3.5.1.min.js"
			  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
			  crossorigin="anonymous"></script>


<form action="#" method="post">
    <div>
        <label for="name">Text Input:</label>
        <input type="text" name="name" class="name" id="name" value="" tabindex="1" />
    </div>

    <div>
        <h4>Radio Button Choice</h4>

        <label for="radio-choice-1">Choice 1</label>
        <input type="radio" name="radio-choice-1" class="radio-choice-1" id="radio-choice-1" tabindex="2" value="choice-1" />

        <label for="radio-choice-2">Choice 2</label>
        <input type="radio" name="radio-choice-2" class="radio-choice-2" id="radio-choice-2" tabindex="3" value="choice-2" />
    </div>

    <div>
        <label for="select-choice">Select Dropdown Choice:</label>
        <select name="select-choice" class="select-choice" id="select-choice">
            <option value="Choice 1">Choice 1</option>
            <option value="Choice 2">Choice 2</option>
            <option value="Choice 3">Choice 3</option>
        </select>
    </div>

    <div>
        <label for="textarea">Textarea:</label>
        <textarea cols="40" rows="8" name="textarea" class="textarea" id="textarea"></textarea>
    </div>

    <div>
        <label for="checkbox">Checkbox:</label>
        <input type="checkbox" name="checkbox" class="checkbox" id="checkbox" />
    </div>

    <div>
        <input type="submit" value="Submit" />
    </div>
</form>

Script Preparation code:

window.callable = () => 'result';

Tests:

With click on body
$('body').on('click', '.select-choice', window.callable); $('.select-choice').trigger('click');
With click on document
$(document).on('click', '.select-choice', window.callable); $('.select-choice').trigger('click');
With click on window
$(window).on('click', '.select-choice', window.callable); $('.select-choice').trigger('click');
With click on element
$('.select-choice').on('click', window.callable); $('.select-choice').trigger('click');

Run results for: jQuery body fit onclick filter vs direct

With click on body

With click on document

With click on window

With click on element