ReactSolution.jsx

<div id="letters" className="sidebar">
  <nav>
    <ul onTouchMove={(e) => this.handleOnTouchMove(e)}>{allLettersRows}</ul>
  </nav>
</div>

handleOnTouchMove(e, a) {
    e.preventDefault();
    console.log('handleOnTouchMove', e.targetTouches[0], a);
    var letterEl = document.elementFromPoint(
        e.touches.item(0).clientX,
        e.touches.item(0).clientY
    );
    try {
        console.log('handleOnTouchMove11', letterEl, letterEl.dataSet);
        var letter;
        if (letterEl.tagName == 'LI') {
            letter = letterEl.children[0].dataset.letter;
        } else if (letterEl.tagName == 'A') {
            letter = letterEl.dataset.letter;
        } else {
            return;
        }

        var letterIndex = this.state.lettersByIndex[letter];
        this.setState({
            letterIndex: letterIndex
        });
    } catch ( e ) {
        console.log('error touchmove', e);
    }

}

touchmove.js

$('#letters ul').on('touchmove', function(e){
			e.preventDefault();

			var el = document.elementFromPoint(
       	  	  	e.touches.item(0).clientX,
         	 	e.touches.item(0).clientY
     		);
			$el = $(el);
			if (el.tagName == 'LI') {
				$el = $el.find('a');
			}
			console.log('noajax',el.tagName, $el, $el.hasClass('letter-link'));

			if ($el.length > 0){
				var letter = $el.data('letter');
				console.log('letter before click', $el.data('letter'));
				appClusterizeJs.lastSearchedLetter = letter;
				slideToLetter(letter);
			}
			return false;
		});