小编Joh*_*sen的帖子

提交"div contenteditable"中的文字

我正在努力找到一个有效的解决方案,但目前没什么用处.我有以下表格:

<form id="searchform" action="/search" onsubmit="putText()">
<div class="section" >
<div class="edit"><div ContentEditable = "true" id="text"></div></div>
<div class="control" onclick="sbmt()"></div>
</div>
<input id="s" name="q" class="submit" type="submit" value="Send">
</form> 
Run Code Online (Sandbox Code Playgroud)

使用以下js:

$(window).load(function(){
$(document).ready(function() {
 $('.edit').keydown(function(e) {
     if(e.which == 13) {
         //debugger;
        $(this).blur().next().focus();
        return false;
      }
 });
 })
});


function ElementInit() {
  new SectionalElement({
    sectionalNodeClassName: 'section',
    controlNodeClassName: 'control',
    background: '#f4fa58'
  }, 'sectional_element');
  return true;
}

function putText() {
  document.getElementById('s').value = document.getElementById('text').textContent;  
  return true;
}

function sbmt() {
document.getElementById("searchform").submit();
}
Run Code Online (Sandbox Code Playgroud)

(我也使用jquery-1.8.3.js)查询应该看起来像"mysite.com/search?q=".我需要的只是使用div class ="control"作为Submit按钮而不是简单的输入(只需用div替换输入按钮).当我按下输入按钮时一切正常,但是当我使用DIV class ="control"时,submision不起作用 - 表单提交,但没有查询文本.我不能只使用输入,因为提交div是第三方api的一部分. …

input submit contenteditable insertonsubmit

4
推荐指数
1
解决办法
8181
查看次数

标签 统计

contenteditable ×1

input ×1

insertonsubmit ×1

submit ×1