国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

//創(chuàng)建一個(gè)監(jiān)聽器，當(dāng)你按下一個(gè)鍵時(shí)觸發(fā)
window.onkeyup = keyup;

//創(chuàng)建一個(gè)全局的Javascript變量
var inputTextValue;

function keyup(e) {
  //將你的輸入文本設(shè)置為全局的Javascript變量，每次按鍵都會(huì)更新
  inputTextValue = e.target.value;

  //監(jiān)聽你按下回車鍵，此時(shí)你的網(wǎng)址將會(huì)改變?yōu)槟阍谒阉骺蛑休斎氲木W(wǎng)址
  if (e.keyCode == 13) {
    window.location = "http://www.myurl.com/search/" + inputTextValue;
  }
}

在codepen中查看此功能。

有多種方法可以直接取得輸入文字方塊的值（而無需將輸入元素包裝在表單元素內(nèi)）：

方法1

document.getElementById('textbox_id').value 取得所需框的值

例如

document.getElementById("searchTxt").value;

#? 注意：方法2、3、4和6傳回一個(gè)元素集合，因此使用[整數(shù)]來取得所需的元素。對(duì)於第一個(gè)元素，使用[0]，對(duì)於第二個(gè)元素，使用[1]，依此類推...

方法2

使用document.getElementsByClassName('class_name')[整數(shù)].value，它傳回一個(gè)即時(shí)的HTMLCollection

#例如

document.getElementsByClassName("searchField")[0].value;，如果這是頁(yè)面上的第一個(gè)文字方塊。

方法3

使用document.getElementsByTagName('tag_name')[整數(shù)].value，它也傳回一個(gè)即時(shí)的HTMLCollection

document.getElementsByTagName("input")[0].value;

document.getElementsByName('name')[整數(shù)].value

document.getElementsByName("searchTxt")[0].value;

使用強(qiáng)大的document.querySelector('selector').value

• document.querySelector('#searchTxt').value;
透過id選擇
• document.querySelector('.searchField').value;
透過class選擇
• document.querySelector('input').value;
透過標(biāo)籤名稱選擇
• document.querySelector('[name="searchTxt"]').value;
透過名稱選擇

document.querySelectorAll('selector')[整數(shù)].value

• document.querySelectorAll('#searchTxt')[0].value;
透過id選擇
• document.querySelectorAll('.searchField')[0].value;
透過class選擇
• document.querySelectorAll('input')[0].value;
透過標(biāo)籤名稱選擇
• document.querySelectorAll('[name="searchTxt"]')[0].value;
透過名稱選擇