<div>
Probably because when the key (before the last character) is up, the request is sent. You should consider using <a href="http://reactivex.io/" rel="ugc">Rx</a> (Reactive extensions) for autocomplete behavior. You bind the Rx handler to the event using <a href="https://rxjs-dev.firebaseapp.com/api/index/function/fromEventPattern" rel="ugc">fromEventHandler</a> and set a timeout limit which will be checking for key up.
</div>

amateur developer

Seth Hanley

Fractional CTO

David Favor

<div>
Thank you for replying. &nbsp;I'm trying to come up with a solution on my own and not use an API.
</div>

<div>
there's no true key in true mobile phone right? what's wrong with only <a href="https://developer.mozilla.org/en-US/docs/Web/API/InputEvent/data" rel="ugc">input</a> event? Don't use both input and keyup! <pre><code class="code-1 nolinks" id="code-20-43283190-1">&lt;input type="text" id="request" name="request"&gt;
&lt;script&gt;
document.querySelector("#request").addEventListener("input", sendRequest);
function sendRequest(event) {
&nbsp; &nbsp; let v = this.value;
</code></pre> 
</div>

<div>
Thanks leakim971. Unfortunately I'm unable to attach an event listener. &nbsp;I am however able to use the oninput event instead of onkeyup to send the ajax request, but with the same results as using onkeyup. I'm rendering html by echoing php. I do it like this &lt;input type= 'text' id = 'searchMobile' name = 'searchMobile' oninput = 'searchBusinessMobile(this.value)' /&gt; For clarification I said in my initial question Im sending the request like onkeyup = &nbsp;'sendRequest(this.value)' I'm also sending the ajax request from the callback of another ajax request. HomeMobile.php sends a request to GetStuff.php. ( Example file names ) GetStuff.php echos the text input field for the search in the callback. Each file is setup like this. HomeMobile.php &lt;?php load classes and functions grab the database connection and see if the user is logged in ;) ?&gt; &lt;?php echo "&lt;span id ="stuffResults"&gt;"; ?&gt; &lt;DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script&gt; function getStuff(str) getElementById(stuffResults) &lt;/script&gt; &lt;script&gt; function sendSearch(str) getElementById(searchResults) &lt;/script&gt; &lt;body onload = "getStuff(&lt;?php echo $var; ?&gt;)"&gt; ....... ....... &lt;/html&gt; GetStuff.php &lt;?php load classes and functions grab the database connection and see if the user is logged in ;) ?&gt; &lt;?php ?&gt; &lt;DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;body&gt; &lt;?php $q = $REQUEST["q"] fetch the get stuff results with a prepared statement check if row count not equal to zero IF NOT echo "&lt;div id = 'search'&gt;... &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;input type = 'text' id = 'searchMobile' &nbsp;oninput = 'sendSearch(this.value)' /&gt; "; ?&gt; ....... ....... &lt;/html&gt; I'm sure anyone who reads this now will go the other way. &nbsp;I think its accurate though for anyone looking to reproduce and assist. &nbsp; Thanks. 
</div>

<div>
you put a document into a &lt;span&gt; ?<pre><code class="code-1 nolinks" id="code-20-43283504-1">&lt;?php


echo "&lt;span id ="stuffResults"&gt;";


?&gt;
&lt;DOCTYPE html&gt;
&lt;html&gt;
</code></pre> the good pratice using Ajax input =&gt; event (blur, input) =&gt; get input value =&gt; use ajax to send input value=&gt; php get input value =&gt; query database using input value =&gt; send back one or more result in JSON or HTML (&lt;li&gt; or &lt;span&gt; or &lt;div&gt; or simply text) =&gt; receive response from php =&gt; read the JSON, parse it, build HTML from it, put the HTML in a container by overwriting the previous content, if not JSON, simply overwrite the content of a container with the HTML response so I would just put a console.log in the first line of my function and check console output type ONE letter in the input, do you see itin the console? <pre><code class="code-1 nolinks" id="code-20-43283504-2">function searchBusinessMobile(v) {
&nbsp; &nbsp;console.log(v); // check your console
&nbsp; &nbsp;// alert(v); // use this if you don't know the console
</code></pre>
</div>

<div>
<div class="content wysiwyg-content fr-view">
Hello Im having a problem sending an xmlhttp get request. &nbsp;Im using onkeyup = 'sendRequest(this.value)' . &nbsp;It works fine on a laptop device but on mobile it deletes the last letter typed. &nbsp;I discovered this by sending a second request and echoing back the input value. &nbsp;The text in the input field are correct but the callback fails. &nbsp;It flashes the result but then you have to delete and type again the last letter.&nbsp; I've tried oninput combination and touchend I believe requires a canvas. &nbsp;I just want my search sent without a form or button. &nbsp;Any Help would be appreciated. &nbsp;
</div>
</div>


Hello
Im having a problem sending an xmlhttp get request.  Im using onkeyup = 'sendRequest(this.value)' .  It works fine on a laptop device but on mobile it deletes the last letter typed.  I discovered this by sending a second request and echoing back the input value.  The text in the input field are correct but the callback fails.  It flashes the result but then you have to delete and type again the last letter.  I've tried oninput combination and touchend I believe requires a canvas.  I just want my search sent without a form or button.  Any Help would be appreciated.  

Why does onkeyup event delete the last letter typed when on mobile device?

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Mobile

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.