2017-08-01 78 views
1

我傾向於創建一個輸入字段和一個在移動瀏覽器上工作的按鈕。當我在該字段輸入123並點擊按鈕,它應該去http://example.com/123.htmljavascript - 'touchstart'事件未能將文本輸入轉發到鏈接

然後我把這兩個線程2426620522015908結合在一起。使代碼如下:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#button').on('click touchstart', function(e) { 
     var inputvalue = $("#input").val(); 
     window.location.replace(" http://www.example.com/page/"+inputvalue); 
    }); 
}); 

但是,當我把它放在測試,它可以被按下。但它不能將我轉到我想要的頁面。

它可以在Windows上運行,但不能在任何手機上運行。代碼有問題嗎?

回答

0

請嘗試以下

<!doctype html> 
<input id=input> 
<a href="" id=button>link</a> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $('#button').on('click', function(e) { 
     var inputvalue = $("#input").val(); 
     window.location.replace(" http://www.example.com/page/"+inputvalue); 
     return false; 
    }); 
}); 

</script> 
+0

它的工作原理,非常感謝。被卡在應該寫在''中的循環中,永遠不會意識到將它放入''中。 – dozilla

+0

@dozilla你可以投票並接受它嗎? – William

+0

我做過,但不到15個聲望不會顯示。 – dozilla

0

使用window.location,而不是作爲window.location.replace

window.location = "http://www.example.com/page/"+inputvalue; 
+0

不能正常工作,還可以點擊,但不能轉發。 – dozilla

相關問題