jquery는 form_jquery를 제출하기 위해 Ctrl Enter 메소드를 구현합니다.-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

jquery는 form_jquery를 제출하기 위해 Ctrl Enter 메소드를 구현합니다.

May 16, 2016 pm 03:49 PM

ctrl enter jquery

이 문서의 예에서는 jquery가 Ctrl Enter를 구현하여 양식을 제출하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

&lt;!DOCTYPE HTML&gt; 
&lt;html&gt; 
&lt;head&gt; 
 &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; 
 &lt;title&gt;Text Box Enter&lt;/title&gt; 
 &lt;style type="text/css" media="screen"&gt; 
 body {
  font: 16px/1.5 helvetica-neue, helvetica, arial, san-serif;
 }
 textarea {
  border: 1px solid #ccc;
  display: block;
  width: 250px;
  height: 100px;
 }
 p {
  border: 1px solid #ccc;
  background: #ececec;
  padding: 10px;
  margin: 10px 0;
  width: 230px;
 }
 button {
  border: 1px solid #ccc;
  background: #ececec;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-top: 10px;
  padding: 5px 20px;
 }
 &lt;/style&gt; 
&lt;/head&gt; 
&lt;body&gt; 
 &lt;textarea name="msg" id="msg" placeholder="Your Message" autofocus="true"&gt;&lt;/textarea&gt; 
 &lt;button type="submit"&gt;Post&lt;/button&gt; 
 &lt;script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt; 
 &lt;script type="text/javascript" charset="utf-8"&gt; 
 $.fn.ctrlEnter = function (btns, fn) {
  var thiz = $(this);
  btns = $(btns);
  function performAction (e) {
  fn.call(thiz, e);
  };
  thiz.bind("keydown", function (e) {
  if (e.keyCode === 13 && e.ctrlKey) {
   performAction(e);
   e.preventDefault();
  }
  });
  btns.bind("click", performAction);
 }
 $("#msg").ctrlEnter("button", function () {
  $("&lt;p class='post'&gt;&lt;/p&gt;").append(this.val().replace(/\n/g, "&lt;br/&gt;")).fadeIn('slow').prependTo(document.body);
  this.val("");
  });
 &lt;/script&gt; 
&lt;/body&gt; 
&lt;/html&gt;

로그인 후 복사

이 기사가 모든 사람의 jquery 프로그래밍 설계에 도움이 되기를 바랍니다.

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.