我正在努力找到一个有效的解决方案,但目前没什么用处.我有以下表格:
<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的一部分. …