Вопросы Теги

как назначить & ldquo; клавишу ввода & rdquo; на событие onclick?

Использование vw, em & amp; сотрудничество. работает наверняка, но imo всегда нуждается в прикосновении человека для тонкой настройки.

Вот сценарий, который я только что написал на основе @ tnt-rox ' answer , который пытается автоматизировать этот touch: 

$('#controller').click(function(){
	$('h2').each(function(){
    var
      $el = $(this),
      max = $el.get(0),
      el = null
    ;
    max =
      max
    ? max.offsetWidth
    : 320
    ;
    $el.css({
      'font-size': '1em',
      'display': 'inline',
    });
    el = $el.get(0);

    el.get_float = function(){
      var
        fs = 0
      ;
      if (this.style && this.style.fontSize) {
        fs = parseFloat(this.style.fontSize.replace( /([\d\.]+)em/g, '$1' ));
      }
      return fs;
    };

    el.bigger = function(){
      this.style.fontSize = (this.get_float() +0.1) +'em';
    };


    while ( el.offsetWidth < max ) {
      el.bigger();
    }
    // finishing touch.
    $el.css({
      'font-size': ((el.get_float() -0.1) +'em'),
      'line-height': 'normal',
      'display': '',
    });
	});  // end of ( each )
});	// end of ( font scaling test )
div {
  width: 50%;
  background-color: tomato;
  font-family: 'Arial';
}

h2 {
  white-space: nowrap;
}

h2:nth-child(2) {
  font-style: italic;  
}




  
Lorem ipsum dolor

  
Test String

  
Sweet Concatenation

  
Font Scaling

В основном уменьшает размер шрифта до 1em, а затем начинает увеличиваться на 0,1 до он достигает максимальной ширины.

jsFiddle

0
задан VANGOOSE 30 March 2019 в 23:36
поделиться

2 ответа

Вы можете попробовать это: 


<div id="foot1">
      <form action="" method="" name="vform" onsubmit="return false">
        <input
          type="number"
          min="0"
          max="10000000"
          placeholder="PEEM it!"
          value=""
          id="footbar"
        />
        <div id="foot2">
          <li class="foot" alt="foot" title="FOOT (ft)" onclick="runfoot()">
            <a href=""></a>
          </li>
        </div>
      </form>
    </div>
    <script>
      document
        .getElementById('footbar')
        .addEventListener('keyup', function(event) {
          const key = 13;
          if (event.keyCode == key) {
            runfoot();
          }
        });
    </script>
0
ответ дан Jesus Africano 30 March 2019 в 23:36
поделиться

Вы можете использовать событие keydown или подобное (keyup, нажатие клавиши): 

document.addEventListener('keydown', function(event) {
  const ENTERKEY = 13;
  if (event.keyCode === ENTERKEY) {
    runfoot()
  }
});

https://developer.mozilla.org/en-US/docs/Web/Events / KeyDown

0
ответ дан jsdeveloper 30 March 2019 в 23:36
поделиться
Другие вопросы по тегам:

Похожие вопросы: