2014-07-11 7 views
0

클릭 이벤트 시뮬레이션하는 방법 : 나는 "힘"이 button_webkitui_hiddendateopener 버튼이 내 페이지가로드 한 번 클릭 수에나는 다음과 같은 코드를 한

<!DOCTYPE html> 
<html> 
<head> 

<link rel="stylesheet" href="css/tau.css"> 
<link rel="stylesheet" href="css/style.css"> 
<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 

</head> 
<body onload="clickButton();"> 
<div class="ui-page" id="page_webkitui"> 
    <header class="ui-header"> 
     <h2 class="ui-title">Webkit UI demos</h2> 
    </header> 

    <div class="sample"> 

     <input type="time" id="input_webkitui_hiddentime" 
      style="visibility: hidden; width: 50px"></input> 
     <div> 
      Hidden time: 
      <button class="ui-btn" id="button_webkitui_hiddendateopener" 
       style="display: block" onclick="alertTime()">Open timepicker</button> 
      <span id="webkitui_hiddentime_value"></span> 
     </div> 
     <script> 

     function alertTime() { 
      alert("fff"); 
      var btn = document.getElementById("button_webkitui_hiddendateopener"), 
      itime = document.getElementById("input_webkitui_hiddentime"), 
      val = document.getElementById("webkitui_hiddentime_value"); 
      btn.click(); 
      btn.addEventListener("click", function(e) { 
         itime.click(); 
      }); 
      itime.addEventListener("change",function(ev) { 
         val.innerText = itime.value; 
        }); 

      } 


     function clickButton() { 
       $(function() { 
        document.getElementById('button_webkitui_hiddendateopener').click(); 
        //$('#button_webkitui_hiddendateopener').click(); 
       }); 
     } 

      (function() { 
       var page = document.getElementById("page_webkitui"); 
       page.addEventListener(
           "pagecreate", 
function(ev) { 
var btn = document.getElementById("button_webkitui_hiddendateopener"), 
itime = document.getElementById("input_webkitui_hiddentime"), 
val = document.getElementById("webkitui_hiddentime_value"); 
    btn.addEventListener("click", function(e) { 
         itime.click(); 
      }); 
    itime.addEventListener("change",function(ev) { 
         val.innerText = itime.value; 
        }); 
           }); 
      }()); 
     </script> 

    </div> 
</div> 


<script type="text/javascript" src="js/tau.js"></script> 
</body> 
</html> 

을 원하는 ... (A timepicker가 정상적으로 표시됩니다 새로운 창으로).

두 함수 clickButton()과 alertTime()을 구현하여 결과적으로 ffff 경고 만 표시되지만 timepicker의 새 창이 표시되지 않았습니다.

무엇이 잘못 되었나요? 미리 감사드립니다.

+0

$'와 ("#의 button_webkitui_hiddendateopener을") 버튼을 얻는 시도 (대신'다음 btn.trigger'를 통해 클릭을 호출 '클릭');'- 대답은 조금 더 길다 ... – ochi

답변