input类型为button 绑定onclick事件无法生效，button无法点击

Question

问题遇到的现象和发生背景

一般来说button按钮点击时，鼠标图标会变，但是这个button鼠标点上去没有任何变化，点击了也没有反应。

问题相关代码，请勿粘贴截图

<script type="text/javascript">
    function qiehuan(i) 
    {
        console.log(i);
        window.location.href = "index-en.html";
    }
    $("input").focus(function(){
      $("input").css("background-color","#FFFFCC");
    });
</script>    

<input name="qh" value="切换英语" type="reset" />切换英语

<input value="qiehuan" type="button" />

汉语交流与推广平台

交流生登录

###### 运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

能实现函数就行

Answer 1

换成click

 $("input").click(function(){
      $("input").css("background-color","#FFFFCC");
    });

Answer 2

你的$('input')获取的应该是第一个value = 切换英语 而不是value = qiehuan，你要么给 value = qiehuan 设置个id
然后给这个qie换绑定一个click事件，而且我看你绑定的好像是focus事件对应的获取其实只是获取的第一个

$("#对应id").on('click',function(){
      $("#对应id").css("background-color","#FFFFCC");
    });

Answer 3

你写的 focus事件 也不是 click事件啊

Answer 4

新建一个html后，同样的代码可以执行事件，不是这段代码的问题，是我后续html代码错了，导致input button click不执行，谢谢大家的热心帮助~