mainpage

Benchmark created on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div data-role="header" id="top" data-position="fixed">
  <h1>
    Main Page
  </h1>
</div>
<div data-role="content">
  <form>
    <div class="ui-body ui-body-c">
      <span>
        Settings
      </span>
      <form>
        <div class="ui-body ui-body-c">
          <div id="div1Id" data-role="fieldcontain">
            <label for="logLevelId">
              Print Log Level:
            </label>
            <select id="logLevelId" data-native-menu="false">
              <option value='0'>
                Select Log Level
              </option>
              <option value='1'>
                Debug
              </option>
              <option value='2'>
                Info
              </option>
              <option value='3'>
                Warning
              </option>
              <option value='4'>
                Error
              </option>
              <option value='5'>
                Off
              </option>
            </select>
          </div>
          <div>
            <a href='#' id='setLevelId' data-role='button' style='width:150px'>Set</a>
          </div>
        </div>
      </form>
      <div>
      </div>
      <form>
        <div class="ui-body ui-body-c">
          <div data-role="fieldcontain">
            <label for="messageId">
              Message:
            </label>
            <input type="text" id="messageId" value="" />
          </div>
          <div data-role="fieldcontain">
            <label for="msgLogLevelId">
              Level:
            </label>
            <select id="msgLogLevelId" data-native-menu="false">
              <option value='0'>
                Select Log Level
              </option>
              <option value='1'>
                Debug
              </option>
              <option value='2'>
                Info
              </option>
              <option value='3'>
                Warning
              </option>
              <option value='4'>
                Error
              </option>
            </select>
          </div>
          <div>
            <a href='#' id='printlogId' data-role='button' style='width:150px;'>Print Log</a>
          </div>
        </div>
      </form>
      <div>
      </div>
      <form>
        <div class="ui-body ui-body-c">
          <div data-role="fieldcontain">
            <label for="urlId">
              URL:
            </label>
            <input type="text" id="urlId" value="http://10.213.122.53:2222/NeaService.svc/uploadLogFile"
            />
          </div>
          <div>
            <a href='#' id='uploadId' data-role='button' style='width:150px;'>Upload File</a>
          </div>
        </div>
      </form>
    </div>
  </form>
</div

Test runner

Ready to run.

Testing in
TestOps/sec
test1
$('#div1Id select').bind('click', function(e) {
 e.preventDefault();
});
ready
test2
$('#div1Id').delegate('select', 'click', function(e) {
 e.preventDefault();
});
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.