如何更改onclick以便在手机浏览器上运行?

时间:2016-06-07 05:09:27

标签: javascript

我在网页上使用按钮来调用这样的javascript函数:

<button onclick=" updateText(); "> Update </button>

我希望此按钮适用于计算机和手机/ I-pad浏览器。手机浏览器使用TAB,而不是鼠标点击。 我应该如何更新按钮代码,以便它也适用于手机浏览器? 我没有使用jquery 感谢

1 个答案:

答案 0 :(得分:0)

你可以这样做 -

HTML -

<button id="updateText" > Update </button>

Jquery的 -

$(document).ready(function(){
    $('#updateText').on('click touchstart', function() {

       //your code

    });
});

在Javascript中: -

         <script>
           var updateTextFunction = function(){
                alert('hi');
           };

        window.addEventListener('load', function(){

            var updateText= document.getElementById('updateText')

         updateText.addEventListener('touchstart', function(e){

                e.preventDefault();
                updateTextFunction(); 

            }, false)



        updateText.addEventListener('click', function(e){

                e.preventDefault();
                updateTextFunction(); 

            }, false)

        });


</script>